angularJS 中$scope方法使用指南
程序员文章站
2022-07-08 19:31:24
复制代码 代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script src="">
</script>
<script src="">
</script>
<body ng-app="app" ng-controller="c">
<div dir ng-repeat="item in items" ng-model="m">
{{item}} + {{m}} <br>
</div>
</body>
<script>
var app = angular.module("app", []);
function c($scope){
$scope.items = [1,2,2,3,4,5,5];
$scope.m = "string";
};
app.directive("dir",function($parse){
return {
compile : function( $compile ){
return function(s,e,a){
//what .. ..
//a.ngmodel
//用$("xxx").scope.xx = model
//assign 分配
//console.log( $parse( a.ngmodel ).assign(s,"sdfs__________newvalue__________dfd") )
s.m = "这两个效果一摸一样";
}
}
}
});
</script>
</html>
复制代码 代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script src="">
</script>
<script src="">
</script>
<body ng-app="app" ng-controller="c">
<div dir ng-repeat="item in items" ng-model="m">
{{item}} + {{m}} <br>
</div>
</body>
<script>
var app = angular.module("app", []);
function c($scope){
$scope.items = [1,2,2,3,4,5,5];
$scope.m = "string";
};
app.directive("dir",function($parse){
return {
compile : function( $compile ){
return function(s,e,a){
//what .. ..
//a.ngmodel
//用$("xxx").scope.xx = model
//assign 分配
//console.log( $parse( a.ngmodel ).assign(s,"sdfs__________newvalue__________dfd") )
s.m = "这两个效果一摸一样";
}
}
}
});
</script>
</html>
以上就是关于angularjs 中$scope方法使用指南的全部内容了,希望大家能够喜欢。
推荐阅读
-
AngularJS中$apply方法和$watch方法用法总结
-
angularJS1 url中携带参数的获取方法
-
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
-
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
-
Angularjs中$http以post请求通过消息体传递参数的实现方法
-
对angularJs中controller控制器scope父子集作用域的实例讲解
-
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
-
AngularJS中监视Scope变量以及外部调用Scope方法
-
AngularJS中update两次出现$promise属性无法识别的解决方法
-
AngularJS中ng-options实现下拉列表的数据绑定方法