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

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";
}