Angularjs - Попытка доверять нестроковому значению в контенте, требующем строки: Context: html - при вставке данных - PullRequest
Новая
       23

Angularjs - Попытка доверять нестроковому значению в контенте, требующем строки: Context: html - при вставке данных

0 голосов
/ 25 марта 2019

Я пытаюсь вставить HTML-контент динамически на основе ITEMS, доступных в БД, и мне нужно снова сохранить его в БД при нажатии кнопки сохранения каждого элемента, которая была добавлена ​​динамически, как показано ниже.

Controller.js: 

 function getItemCommentItems() {
        $http({
            method: 'GET',
            url: 'http://xxx/api/ItemComments/GetItemCommentItems',           
            params: { Area_Id: 'L4' },           
            headers: { 'Content-Type': 'application/json; charset=utf-8', 'dataType': 'json' }
        }).then(function successCallback(response) {
            //  $scope.itemDtls = [];
            $scope.itemDtls = response.data;
             displayItems($scope.itemDtls);   
        }, function errorCallback(response) { });
    }
 function displayItems(itemData)
    {
        // alert(itemData.length);  Length: 2
        for (i = 0; i <= itemData.length; i++) {
            Title = '<table><tr><td><label for="ITEM_NAME">Item:  </label>{{' & itemData[i].ITEM_NAME & '}}</td></tr ><tr><td><input type="text" id="inpPriority" value="{{ ' & itemData[i].PRIORITY & ' }}" /></td></tr> <tr> <td><input type="text" id="inpComment" value="{{ ' & itemData[i].COMMENT & '}}" /></td></tr><tr> <td><input type="button" ng-click="onSave()" value="Save {{ ' & itemData[i].ITEM_ID & '}}" /></td></tr ></table >';
           // Title = $sce.trustAsHtml(itemData[i]);  ----> Error here Attempted to trust a non-string value in a content requiring a string: Context: html
            $scope.divHtmlVar = $sce.trustAsHtml(Title);  ----> Error here Attempted to trust a non-string value in a content requiring a string: Context: html.   
        }
    }

.HTML: 

<tr> <td> <div ng-bind-html="divHtml"></div> </td> </tr>

Сведения о классе: 

 public string ITEM_ID { get; set; }
        public string ITEM_NAME { get; set; }
    public string COMMENT { get; set; }
        public string PRIORITY { get; set; }
        public string ITEM_ID { get; set; }

Сообщение об ошибке: ошибка: [$ sce: itype] Попытка доверять нестроковому значению в содержимом, требующем строки: Context: html

Может ли какой-нибудь орган помочь мне решить эту проблему или есть лучший способ динамически вставлять и сохранять данные?

1 Ответ

0 голосов
/ 25 марта 2019

Почему вы используете ng-bind-html в первую очередь? Было бы намного лучше, если бы ваши элементы были описаны в шаблоне. Тогда вам вообще не нужно использовать $sce. Полагаю, что-то подобное: 

<table ng-repeat="item in itemDtls">
  <tr>
    <td>
      <label for="ITEM_NAME">Item: </label>{{item.ITEM_NAME}}
    </td>
  </tr>
  <tr>
    <td>
      <input type="text" id="inpPriority" value="{{item.PRIORITY}}" />
    </td>
  </tr>
  <tr>
    <td>
      <input type="text" id="inpComment" value="{{item.COMMENT}}" />
    </td>
  </tr>
  <tr>
    <td>
      <input type="button" ng-click="onSave()" value="Save {{item.ITEM_ID}}" />
    </td>
  </tr>
</table>
...