javascript - 隔离范围双向绑定(bind)在 angularjs 中不起作用

标签 javascript angularjs

我是 angularjs 的新手。我正在使用隔离范围。使用独立范围的两种方式绑定(bind)不起作用。请检查我的代码。如果我删除 age : '=' 那么我的代码工作正常。

**HTML**

<div ng-controller="homeCtrl">
    <my-dir name="{{namee}}" age="{{age}}"></my-dir>
</div>

**JS**

var app = angular.module("home")
app.controller("homeCtrl",["$scope",function($scope){
   $scope.namee = "John";
   $scope.age= 30;
}]);

app.directive("myDir",function(){
    return{
        restrict :'E',
        scope: {
            name : '@',
            age :  '=',
        },
        template: ['Directive name is: {{name}}',
                   '<p>{{age}}</p>' 
                 ]
        }
})


**Output**

John 30 
Directive name is: {{name}} {{age}}

最佳答案

应该是:

<div ng-controller="homeCtrl">
  <my-dir name="name" age="age"></my-dir>
</div>

关于javascript - 隔离范围双向绑定(bind)在 angularjs 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38784480/

相关文章:

javascript - 如何让文本区域识别 AngularJS 中的新行?

javascript - Jquery取消选中用户最后选择的选项

javascript - 文本输入只读属性在 IE7 中无法识别?

javascript - 将字符串数组转换为日期,对其进行过滤并转换回字符串

javascript - 是否可以在自定义指令中使用理解表达式?

Angularjs - 无法捕获 $watch 事件

javascript - 如何防止在 $location 哈希搜索参数更改时创建新的 Controller 实例。

javascript - Angular Controller Mock 在我的 Mocha 测试中没有持续存在

javascript - 更改 angularJS 中指令的作用域变量

php - 每次循环运行时更改 div id