Question

我正在使用范围＆＃39; true＆＃39;在指令中。所以现在，这个指令范围从父级传递给子级，但不是相反的。我现在打印scope.name 2次。第一个在父范围内，第二个在指令中。现在我应该得到2个不同的值。但是，我和两者的范围值相同。 Pl帮忙解释一下！

＆＃13;

//module declaration 
var app = angular.module('myApp',[]);

//controller declaration
app.controller('myCtrl',function($scope){
$scope.name = "Peter";
});

//app declaration
app.directive('myStudent',function(){

return{
	template: "{{name}}",
	scope:true
}
controller: [function(){
	$scope.name = "Roger"
}]

});

＆＃13;

<body ng-app="myApp" ng-controller="myCtrl"> 

{{name}}, 

<my-student></my-student> 

</body> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.min.js"></script>

＆＃13;

Answer 1

将您的控制器写入DDO。

//app declaration
app.directive('myStudent',function(){

return{
    template: "{{name}}",
    scope:true,
    controller: ['$scope', function($scope){
        $scope.name = "Roger"
    }]
}

这可能会解决您的问题。

Answer 2

你的控制器没有指令。我把它放在里面并添加了$scope依赖。它有效！

＆＃13;

//module declaration 
var app = angular.module('myApp',[]);

//controller declaration
app.controller('myCtrl',function($scope){
$scope.name = "Peter";
});

//app declaration
app.directive('myStudent',function(){

return{
	template: "{{name}}",
	scope:true,
        controller: ['$scope', function($scope) {
            $scope.name = "Roger"
        }]
}


});

＆＃13;

<body ng-app="myApp" ng-controller="myCtrl"> 

{{name}}, 

<my-student></my-student> 

</body> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.min.js"></script>

＆＃13;

Answer 3

在父控制器中轻松制作一个对象，以便它可以与指令绑定即var x = {}; x.value = value; //您想要传递然后尝试访问它。

范围在指令中给出错误的结果

3 个答案: