<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应用、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)