如何更改 div 包含 class 或 "ng-isolate-scope" 的内容？

Question

我有一个如下所示的 select 标签

    <select id="market-watch-sectors-select" name="market-watch-sectors-select"
 style="height: 30px;" class="tp-w-300 tp-ma-rl-10 ng-isolate-scope tp-te-bo">
        <option value="-1">all</option>
        <option value="33">measure</option>
        <option value="10">tools</option>
    </select>

所以当我想通过此代码更改 div 取决于上述 select 标签值的内容时

document.getElementById("market-watch-sectors-select").value="-1"

什么都没发生

我该如何处理里面的 'ng-isolate-scope'。

我建议我的问题来自于此。

Answer 1

您应该通过 Angular 中的模型驾驶您的 HTML。您不需要使用旧学校 DOM 操作方式修改 HTML 中的任何内容。

如果您想根据下拉列表的值更改 div 内容：

您必须在下拉列表中设置更改事件处理函数
在下拉更改功能中，您将必须设置一些标志来更改 div。例如，该标志必须设置为 Angular 组件中的一个字段。
然后在 HTML 模板中检查定义 div 内容时使用一些 if 函数或其他东西来检测标志是否已更改并根据该内容更改内容

如何更改 div 包含 class 或 "ng-isolate-scope" 的内容？

how can I change div content that has class of "ng-isolate-scope"?

angularjs

angularjs-scope