angular.js - angularJS 用directive的时候，放指令的地方传递的数据，怎么在template中用ng-model取到

Question

大家都没有认真看题，问题仍然没有解决( ´╥ω╥`)

我想定制一个单选控件，备选项根据传入指令的参数而定，我这里是由select-item-name指定的等于"review", 问题是在radio这里，ng-model的值不能解析成review，始终解析为参数名selectItemName

问题的重点在于，指令属性中传的值，和模板中的ng-model绑定的值的交互，不是跟父controller中的值，这里不涉及父作用域和父controller

directive代码：

angular.module('starter')
        .directive('mySelect',['$rootScope','$window','$timeout',
                        function($rootScope, $window, $timeout){
            return {
                restrict:'A',
                replace:false,
               
                scope: {
                    selectItemName:'='
                },
               
                templateUrl: 'templates/select-directive.html',
                link:function(scope, element, attrs){
                    scope.selectItems = ['aa','bb'];
                    scope.$watch(attrs.selectItemName, function(newVal, oldVal){
                    console.log('newVal:'+newVal);
                    
                    if(newVal==oldVal){
                      return;
                    } 
                    
                    });

                }
            }
        }]);
        

Answer 1

@는 어떻게 사용하나요? =로 바꿔야 하지 않나요?@，不是应该换=么?

补充：

首先，改成=是对的，这里面你要了解的是=和@的区别：

文档地址：$compile

其次，你在指令中的$watch部分，我有异议，如果关心selectItemName的变化，应该这么写：

scope.$watch('selectItemName', function(newVal, oldVal){
    console.log('newVal:'+newVal);

    if(newVal==oldVal){
        return;
    }

});

关于watchExpression

추가됨:

우선 =로 변경하는 것이 맞습니다. 여기서 알아야 할 것은 =와 @의 차이점입니다.

🎜문서 주소: $compile🎜

🎜두 번째로, 지시 사항의 $watch 부분에 이의가 있습니다. selectItemName의 변경 사항이 우려되는 경우 다음과 같이 작성해야 합니다. 🎜 으아악 🎜watchExpression에 대한 자세한 내용은 다음을 참조하세요. 🎜 🎜🎜🎜🎜🎜 🎜문서 주소: 범위🎜

Answer 2

귀하의 문제가 무엇인지 잘 모르겠습니다. 그러나 귀하의 코드를 가져와서 다시 @로 변경한 후 실제로 문제를 해결했습니다.

Answer 3

http://raowensheng.com/2014/05/08/angularjs%E7%9A%84%E8%87%AA%E5%AE%9A%E4%B9%89directive%E6%8C%87%E4%BB %A4%E7%9A%84%E7%BB%91%E5%AE%9A%E7%AD%96%E7%95%A5scope%E3%80%81%E3%80%81/ 이것 좀 보세요 조항. 매우 명확합니다