关于angularjs：UI网格cellTemplate editableCellTemplate不会失去焦点


UI grid cellTemplate editableCellTemplate doesn't lose focus

我正在使用AngularUI网格，并尝试显示几个单元格模板的组合。我需要一些网格单元来根据实体的属性更改类/颜色。我需要其他单元格来显示一个按钮，该按钮可以打开/关闭，并且仅在行实体为"attribute"时显示某些行和单元格。我想出了一个CellTemplate和一个可编辑的CellTemplate的组合来实现这一点。似乎一切都正常，除了当我用输入字段单击单元格的焦点时，它不会失去焦点，并且我得到错误语法错误：标记"undefined"不是表达式[行.实体]的列空处的主表达式，从[行.实体]开始。当我编辑单元格时，它会变成输入模式，我可以输入数据，当我单击时，它不会失去焦点，它会保持在编辑模式。如果我在网格上移动滚动条，它将失去焦点。

以下是我的单元格模板：

1
2
3
4
5
6
7
8
9
10
11
12
13
<button class="ui-grid-cell-btn" type="button"  ng-click="grid.appScope.togglePass(row, col)">
    <span class="glyphicon glyphicon-ok green"></span>
</button>


<button class="ui-grid-cell-btn" type="button" ng-click="grid.appScope.togglePass(row, col)">
    <span class="glyphicon glyphicon-remove red"></span>
</button>


//what should this template look like?... should be just standard template to display ui grid data

    {{MODEL_COL_FIELD}}

和我的可编辑单元格模板

1
2
3
4
5
6
7
8
9
10
11
12
13
<button class="ui-grid-cell-btn" type="button"  ng-click="grid.appScope.togglePass(row, col)">
    <span class="glyphicon glyphicon-ok green"></span>
</button>


<button class="ui-grid-cell-btn" type="button"  ng-click="grid.appScope.togglePass(row, col)">
    <span class="glyphicon glyphicon-remove red"></span>
</button>


<form name="inputForm">
    <input style="background-color: white; !important; color: black !important" type='text' ng-class="'colt' + col.uid" ui-grid-editor ng-model='MODEL_COL_FIELD'>
</form>

我对每件事都进行了空检查，但还是得到了错误，所以很困惑。请帮助！

您的问题可能是以下任何一个：

  • "＝＝＝"算符用"=="替换"=="。Angular需要带"=="运算符的语句。

    当我尝试使用字符串时，为什么AngularJS抱怨表达式中的意外标记？

  • 试着用ng-show或ng-hide代替ng-if。在使用ng-if之前，我遇到过一些问题，因为ng-if创建了一个可能导致该错误的子范围。

    • 此日志中的详细信息

    相关讨论