Угловая UI сетки, добавить собственное сообщение editableCellTemplate

Question

мне нужно, чтобы добавить сообщение об ошибке в ячейку, когда он находится в режиме редактирования, в основном я просто нужно добавить сообщение для редактируемого шаблона HTML, как следовать

<a href=\'#\' data-toggle=\'tooltip\' data-placement=\'top\' title=\'error!\' ng-show=\'!inputForm.$valid\'>errMsg - {{customMsg}}</a> 

Я только что связал customMsg с глобальной областью только для целей тестирования, но все же он, похоже, не появляется. образец plunker добавил здесь, было бы большим подспорьем, если вы можете сказать мне, что я делаю неправильно здесь

Благодарности

Answer 1

Вы можете посмотреть на этот ответ

https://stackoverflow.com/a/28127498/1585304

Когда вы работаете с ui-сетью, вы фактически работаете в изолированной области.

Это означает, что вы не можете получить доступ к родительской области просто путем ввода имени var в свой html.

Чтобы получить доступ к вашей переменной customMsg, вам необходимо обратиться к родительской области с помощью grid.appScope.

Ваше определение столбца должно выглядеть более как это.

{ 
     field: 'company', 
     displayName: 'Company', 
     enableColumnMenu: false, 
     editableCellTemplate: "<div><form name=\"inputForm\"> 
     <input type=\"INPUT_TYPE\" ng-class=\"'colt' + col.uid\" 
     ui-grid-editor ng-model=\"MODEL_COL_FIELD\" minlength=3 
     maxlength=10 required><a href=\'#\' data-toggle=\'tooltip\' 
     data-placement=\'top\' title=\'error!\' 
     ng-show=\'!inputForm.$valid\'>errMsg - {{grid.appScope.customMsg}} 
     </a></form></div>" 
    } 

Единственная проблема заключается в том, что действительно трудно увидеть сообщение, так как форма почти полностью скрыта строкой.

Надеюсь, это поможет.