如何在angularjs中izitoast ng-repeat

Question

<tr ng-repeat="item in self.quantitativeEvaluationQuestions">
            <th>{{ item.key }}</th>
            <td ng-bind="self.completeInfo[item.value] | quantitativeEvaluationOptionsFilterVc"></td>
          </tr>

如何在 izitoast

中使用 angularjs 在数组中重复

Answer 1

izitoast 的这个问题不理解angularjs。
为了解决这个问题，angularjs 给了我们 $compile().

          self.quantitativeEvaluationQuestions = [
            {
              key:'foo',  
              value:'bar'
            },
          ];
          
          const rawHtml = 
            `
            <tr ng-repeat="item in self.quantitativeEvaluationQuestions">
                <th>{{ item.key }}</th>
                <td ng-bind="self.completeInfo[item.value] | quantitativeEvaluationOptionsFilterVc"></td>
             </tr>
            `;
         
            const compiledHtml = $compile(rawHtml)($scope);

使用 $timeout:

            $timeout(() => {
              iziToast.show({
                inputs: [
                  [compiledHtml[0].outerHTML, function (instance, toast) {}]
                ],
              });
            });     

或与 $apply:

一起使用

      $scope.$apply()
      iziToast.show({
         inputs: [
           [compiledHtml[0].outerHTML, function (instance, toast) {}]
         ],
      });