如何在指令 HTML 块中放置一个变量并让控制器访问它？

Question

我有一个指令将 HTML 块放到页面上。在该块内，我需要有一个变量，我可以根据控制器中的 ng-click 函数访问和更改它。

我的指令：

.directive('sendModal', function () {

    return {
        restrict: 'E',
        template: '<div ng-click="switchCurrency()">'+currency+'</div>'
    };
});

控制器中的函数（使用 $parent 因为模态存在于父级别）：

vm.$parent.switchCurrency = function() {
    console.log('clicked switchCurrency');
    if (currency === 'USD') {
        currency = 'BTC';
    } else {
        currency === 'USD';
    }
};

我的错误：ReferenceError: currency is not defined

如何在我的指令 HTML 中设置一个名为 currency 的变量？并允许从控制器访问它？

Answer 1

{{currency}} 对比 '+currency+'

这个可以，编译的时候可以变成变量

如何在指令 HTML 块中放置一个变量并让控制器访问它？

How to place a variable inside of Directive HTML block and have it be accessed by Controller?

javascript

angularjs

angularjs-directive

angularjs-scope