显示文字角度的模型

时间:2018-06-18 02:46:03

标签: angularjs angularjs-ng-repeat angular-ngmodel textangular

我在ng-repeat中显示两个文字角度的WYSIWYG字段,如此

<div data-ng-repeat="n in langInput.values" class="sell__description-container">
    <h2 class="sell__heading-secondary">
        Opis w języku: {{ n.selected }}
    </h2>
    <div text-angular="text-angular"
         name="htmlcontent_{{n.id}}_{{ n.selected }}"
         data-ng-model="descriptionHtml[$index]"
         class="sell__text-editor"
         required>
    </div>
    {{ descriptionHtml[$index] }}

就在字段下方,我展示了它的模型并且它正常工作。它显示了我在编辑器中选择的所有这些标签的文本。

但下面有200行我有类似摘要的内容,我想在其他ng-repeat循环中再次显示这个模型:

<tr data-ng-repeat="n in langInput.values">
    <td>Opis ({{ n.selected }})</td>
    <td>
        {{ descriptionHtml[$index] }}
        <br>
        {{ $index }}
    </td>
</tr>

这里没有显示描述值。虽然$ index确实是0和1如上所述..为什么?怎么解决?

目前我只想让它发挥作用。稍后我不会在td中将其显示为字符串,但我会将此模型作为字符串传递给函数,该函数将打开引导模式窗口,其中我将此字符串绑定为带有ng-bind-html的html,所以它会像预览一样。

1 个答案:

答案 0 :(得分:1)

我发现了问题。我从textangular docs复制代码,它有自己的控制器,所以我的控制器结构就像

<div ng-controller="external">
    <div ng-controller="textEditor">
        here i have ng-repeat and here i'm also displaying content of editor
    </div>
    here i tried to ng-repeat over it again
</div>

因此在textEditor ctrl中它位于正确的范围内并且显示正确。我需要将此值从子作用域(textEditor)传递到父作用域(外部)。

在父控制器中声明$ scope.descriptionHtml解决了问题,因为子控制器继承了范围,当我在子控件中修改它时,父刷新也会刷新。