如何在AngularJS指令中创建controller与ngModel进行交互

如题所述

<!--ng-model指令可以将输入域的值与AngularJS创建的变量绑定-->
<div data-ng-app="myApp" data-ng-controller="Ctrl">
    名字：<input type="text" data-ng-model="name"/>
</div>
<script>
    var app=angular.module('myApp',[]);
    app.controller('Ctrl',function($scope){
        $scope.name='John Doe';
    })
</script>
<hr/>

<!--双向绑定-->
<div id="dblBind" data-ng-app="dblBind" data-ng-controller="dblCtrl">
    名字：<input type="text" data-ng-model="name"/>
    <h1>你输入了：{{name}}</h1>
</div>
<script>
    var dblBind=angular.module('dblBind',[]);
    dblBind.controller('dblCtrl',function($scope){
        $scope.name='John Doe';
    })
    angular.bootstrap(document.getElementById('dblBind'),['dblBind']);
</script>
<hr/>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/8m2svfss72844q74p2.html