Question

我需要创建一个简单的指令，如果另一个值改变，它将显示一些值。例如，它会关注＆＃39;事件＆＃39;如果event.eventDuration ===＆＃39;现在＆＃39;然后它必须将它的价值改为“惊喜！”＃。＆＃39;

使用我的代码，我只在控制台中看到一次有效事件。如果我做了一些更改，只有{{event.eventDuration}}更改，而不是我的指令。我做错了什么？

在使用它的html代码中我有这个：

    <event-time event="event"></event-time>{{event.eventDuration}}

这是我的自定义指令：

angular.module('my-app').directive('eventTime', function ($c, $compile) {
    var linker = function(scope, element, attrs) {
        scope.$watch('event', function(newValue){
            if (newValue !== undefined && newValue.eventDuration !== undefined) {
                scope.value = newValue.eventDuration;
                element.html(scope.value);
                $compile(element.contents())(scope);
            }
        });
    };

    return {
        restrict: 'E',
        template: '{{value}}',
        transclude: true,
        scope: {
            'event': '='
        },
        link: linker,
        controller: function ($scope) {
            //init value
            $scope.value = 'x';
        }
    };
});

Answer 1

你可以看$表达式，如下：

scope.$watch("event.eventDuration", function(v){
   if (v === "Now"){
      // do whatever you need to display "Surprise!"
   }
});

从您的问题中不清楚应该呈现"Surprise!"字符串的位置。如果它只是您在模板中显示的scope.value，则您不需要$compile任何内容。只需指定$scope.value = "Surprise!"。

Angularjs指令监视绑定属性

1 个答案: