angularjs中怎么得到scope的父级域

angularjs中怎么得到scope的父级域,第1张

<div ng-app="myModule">

<h3>请分别修改父、子作用域表单里的值</h3>

<div ng-controller="myController">

父作用域:<br/>

<input type="text" ng-model="name" /><br/>

<input type="text" ng-model="sex" /><br/>

<input type="button" ng-click="say()" value="点击执行父域的say方法" /><br/>

子作用域:<br/>

<my-directive my-name="{{name}}" my-sex="sex" get-name='say()'></my-directive><br/>

</div>

</div>

<script src="/angular-158/angularjs"></script>

<script type="text/javascript">

var myModule = angularmodule("myModule", []);

myModulecontroller("myController", ['$scope', function($scope){

$scopename = "wangmeijian";

$scopesex = "boy";

$scopesay = function(){

alert( $scopename +" is a"+ $scopesex )

}

}])

myModuledirective("myDirective", function(){

return {

restrict: "EA",

scope: {

myName: "@",

mySex: "=",

getName: "&"

},

template: "<input type='text' ng-model='myName' /><br/>"+

"<input type='text' ng-model='mySex' /><br/>"+

"<input type='button' ng-click='getName()' value='点击执行子域的say方法' />",

}

})

</script>

在着手利用AngularJS创建这款简单的小Web应用之前,大家首先需要下载angular-seed项目。下载完成之后,大家需要打开对应的下载目录并安装其中的关联性以实现运行。具体代码如下所示:

$ cd angular-seed $ npm install ## Install the dependencies

下一步则是利用以下代表启动节点服务器:

$ npm start ## Start the server

节点服务器启动并开始运行之后,我们需要打开浏览器并访问>

以上就是关于angularjs中怎么得到scope的父级域全部的内容,包括:angularjs中怎么得到scope的父级域、如何利用AngularJS打造一款简单Web应用、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10083802.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存