AngularJS - 将参数传递给另一个指令属性

时间:2018-03-30 19:43:14

标签: angularjs angularjs-directive

我有这个简单的指令:

angular.module(appName).directive('appSearch', AppSearchDirective)

function AppSearchDirective() {
    return {
        restrict: 'A',
        replace: true,
        templateUrl: 'app/directives/app-search.html',
        scope: {
            appSearchText: '@',
            appSearchCommand: '@' 
        },
    }
}

<a title='appSearchText' ui-sref='appSearchCommand'>
    <i class="fa fa-search"></i>
</a>

我想将这些参数发送到属性title和ui-sref。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

1-使用

<a title="{{$ctrl.appSearchText}}" ui-sref="$ctrl.appSearchCommand">
    <i class="fa fa-search"></i>
</a>

2-在你的指令中你需要传递像

这样的参数
<app-search app-search-text={{$ctrl.myText}} app-search-command={{$ctrl.myCommand}}></app-search>