Question

我有一个列如下。

var commentsTemplate = "<input class='comments-button' type='image' src='images/comments_button.png'/>#: COMMENTS #";

{ "field": "COMMENTS", "title": "Comments", "template": matcher_comments_template},
{ "field": "TYPE", "title": "Type"},

我希望输入元素根据TYPE字段的值动态显示和隐藏。例如，如果type为Good，则隐藏按钮，如果type为Not Good，则显示按钮。有什么想法吗？

感谢

Answer 1

使用ng-show：

var commentsTemplate = "<input class='comments-button' type='image' src='images/comments_button.png' ng-show="{{currentValue.title == "Good"}}"/>#: COMMENTS #";

假设currentValue是存储主javascript对象（{ "field": "TYPE", "title": "Type"},）的父对象。

编辑1

OP要求实施而不绑定他的变量。我怎么能认为它是控制器中的“自制观察者”：

<input class='comments-button' type='image' src='images/comments_button.png' ng-show="shouldShowMe()"/>

并且，在控制器中：

$scope.shouldShowMe = function(){
  return title == "Good";
}

如何根据另一个字段的值 - kendoui网格隐藏模板中的元素

1 个答案:

编辑1