AngularJS 04

来源：互联网发布：超市收银软件排名编辑：程序博客网时间：2024/04/30 00:31
<script src="http://code.angularjs.org/angular-1.0.1.min.js"></script><div ng-app="Ng">    <div ng-controller="Ctrl">        <kid dones="Test(chore)"></kid>        <div dirnk testsss="Test2!"></div>        Ctrl        <input type="text" ng-model="Model2s" /><br />        Dir        <div dirnk2 test2="Model2s"></div>    </div>       </div><script>    var ng = angular.module("Ng", []);    ng.controller("Ctrl", function ($scope) {        $scope.Test = function (chore) {            alert(chore + "!");        }        $scope.Model2s = "方法2测试";    })    ng.directive("kid", function () {        return {            restrict: "E",            scope:{dones:"&"},            template: '<input type="test" ng-model="chore">{{chore}}' + '<button ng-click="dones({chore:chore})">提交</button>'        }    })    //方法一    ng.directive("dirnk", function () {        return {            template: "<div>{{test}}</div>",            link: function (scope, element, attrs)            {                scope.test = attrs.testsss;            }        }    })    //方法二    ng.directive("dirnk2", function () {        return {            scope:{test2:"="},//这里的等于就等同于双向，这里改变值后，Ctrl也会改变            template: '<input type="test" ng-model="test2">'        }    })   </script>
0 0