2014-07-02 51 views
1

我想看模型search.value裏面我的自定義指令。

這是怎麼回事?

HTML:

<div search></div> 

指令:

app.directive('search', function($rootScope) { 
    return { 
    restrict: 'A', 
    transclude: true, 
    scope: true, 
    templateUrl: 'template/app/inputSearch.html', 
    replace: true, 
    controller: function() { 

    }, 
    link: function (scope, element) { 

     /* ... */ 
     scope.$watch(......., function(value) { 

     }); 

    } 
    }; 
}); 

模板:

<div class="search-parent"> 
    <div class="search"> 
    <input type="text" ng-model="search.value" /> 
    </div> 
</div> 

回答

1
controller: function($scope) { 
    $scope.$watch('search.value', function(newVal, oldVal) { 

    }); 
} 
+0

好的,謝謝,我會試試看。但爲什麼你把它放在控制器功能? – Steffi

+1

無論哪種方式應該工作。這取決於你想如何在'link'和'controller'函數中組織你的代碼。我喜歡這種方法,因爲我可以先用控制器之外的控制器測試我的代碼,然後如果它工作正常,代碼可以直接粘貼到指令的控制器中。使用'link',你必須將'$ scope'重命名爲'scope'。 – b0nyb0y

相關問題