如何从外部修改Angular生成的DOM(无需访问源代码)?

时间:2019-10-30 15:04:34

标签: javascript html angular

 

我有一个第三方Angular / Ionic应用程序,该应用程序呈现了一个我想预设的文本字段。

由于我不是Angular开发人员,所以我什至不确定是否有可能...

index.html

<body>
    <my-app>
        Loading...
    </my-app>

    <script type="text/javascript" src="some.generated.stuff.js"></script>
</body>

使用console.log()在文档就绪状态下打印时:

<body>
    <my-app>
        <some-header>...</some-header>
        <router-outlet _ngcontent-c0=""></router-outlet>
        <some-footer>...</some-footer>
    </my-app>

    <script type="text/javascript" src="some.generated.stuff.js"></script>
</body>

在使用浏览器的开发人员工具进行分析时:

<body>
    <my-app>
        <some-header>...</some-header>
        <router-outlet _ngcontent-c0=""></router-outlet>
        ... 
        <input type="text" id="foobar" ng-something />
        ...
        <some-footer>...</some-footer>
    </my-app>

    <script type="text/javascript" src="some.generated.stuff.js"></script>
</body>

<input type="text" id="foobar" ng-something />何时加载?

任何可能做类似的事情的机会:

document.getElementById("foobar").value = "baz";

0 个答案:

没有答案