javascript - ng-repeat 变量未发送到 Controller 中

Question

我有一个 ng-repeat，它从 JSON 调用中获取数据并在页面上构建多个小部件。每个小部件都有一个表单按钮，该按钮应该获取生成所选小部件的数据对象的 ID 和名称。

{{term.term}} 编译为 HTML 中的 "tablets"。

但是在我的 Controller 中，它读取的术语是 {{term.term}} 而不是 "tablets"

<小时/>

<div ng-repeat="term in terms"
     class="col-md-6 col-lg-4 term-section">

    <div class="term_tag">
        <a href="" ng-click="ticker.openTagModal('{{term.term}}')">
            <div class="tag">
                {{term.term}}
            </div>
        </a>
    </div>

Chrome 检查器中的 HTML 如下所示:

现在是我的 Controller 中的 openTagModal 函数:

// Open the edit account modal:
this.openTagModal = function(term) {
    console.log('term = '+term);
    $scope.main.modal_terms = true;
    $scope.main.modal = true;
};

^ 这里的术语应该=“平板电脑”，但它是这样写的:

知道为什么会发生这种情况吗？我还没有使用 Directive，只是使用 ng-repeat div，是这样吗？

Answer 1

尝试删除 ng-click 指令中的大括号，例如:

ng-click="ticker.openTagModal(term.term)"

ng-click 指令采用 Angular 表达式。 HTML 中的 Angular 表达式通常封装在 {{}} 中以将它们定义为表达式，但是 ng-click 不需要它们，因为它已经假定采用表达。