我可以在<p>标签中使用ng-model吗？

Question

我是angular-js的新手，我认为这是一个基本的问题，如何从angular-js的段落标签中获取值？我尝试使用ng-model但没有给出价值。任何人都可以帮助我吗？

Answer 1

ng-model正在进行双向绑定。 ng-model不支持p标记。如果您想绑定p标签，则可以使用ng-bind或{{}}。

<p ng-bind="test"></p>

plunker code here with ng-bind

Answer 2

没有。您无法将ng-model用于<p>代码。如果要在<p>标记内显示范围变量的值，则可以使用表达式。

实施例

 <p> {{ variable }} </p>

这会在段落中显示variable的值。

Answer 3

P，H标签，

不支持Ng模型

如果要绑定标签，请使用ng-class

<p ng-class="localUser.yourdata">{{localUser.yourdata}}</p>

<h1 ng-class="localUser.yourdata">{{localUser.yourdata}}</h1>

希望这是完整的帮助

Answer 4

您只能通过输入标记直接改变视图绑定到的控制器中的ng-model。从控制器到视图，您可以使用{{}}或ng-bind进行单向绑定。但要实现双向数据绑定，您需要输入标记或其他替代方法。

在您的情况下，如果您想要阅读其他标签（如p标签）内的更改，您需要使用$ scope观察范围内的那些标签。$ watch和listen for updates在更改时执行回调函数。

所以基本上你无法实现你在这里尝试做的事情。这是因为p标签具有静态值并且它们不会改变，所以单向数据绑定是这里的最佳选择，从控制器到该标签初始化期间的视图。没有意义，稍后，你能否改变p标签内的值，因此这里不需要两个数据绑定。因此不支持ng-model。仅限ng-bind或{{}}。