angularJS 中$scope方法使用指南

183 阅读 0 评论 121 点赞

我是靠谱客的博主舒适草莓，最近开发中收集的这篇文章主要介绍angularJS 中$scope方法使用指南，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<script src="http://localhost:81/js/jquery.js">

</script>

<script src="http://localhost:81/js/angular.min.js">

</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 = "sdfs____#@$#@$#@$@#$__dfd这两个效果一摸一样";

            }

        }

    }

});

</script>

</html>