Question

如何将两个或多个模型绑定到angularjs中的单个标记。我想要做的是通过添加名字来显示全名，并在span.i中使用两个span标记来执行此操作。是否可以将两个模型添加到一个标签

<div ng-controller="mycontroller2">
    <table>
    <tr>
       <td><label>First Name </label></td>
       <td><input type="text" ng-model="firstName"></td>
    </tr>
    <tr>
        <td><label>Last Name</label></td>
        <td><input type="text" ng-model="LastName" /></td>
    </tr>   


    <tr></tr>
    <tr></tr>
    <tr>
        <td><label>Full Name</label></td>
        <td><span ng-bind="firstName"></span><span ng-bind="LastName"><span></td>
 <!--<td><span ng-bind="firstName" ng-bind="LastName"></span></td>-->


  </tr>
 </table>
</div>

Answer 1

<span ng-bind="firstName + ' ' + LastName"></span>

OR

<span>{{firstName}} {{LastName}}</span>

OR

<span>{{firstName + ' ' + LastName}}</span>

您可以对ngBind使用任何角度表达式。您不限于变量名称。

参考：https://docs.angularjs.org/api/ng/directive/ngBind

Answer 2

ngBind属性告诉Angular替换文本内容指定的HTML元素，其值为给定的表达式，以及当表达式的值发生变化时更新文本内容。

<span ng-bind="firstName + ' ' + lastname">

如何将两个或多个模型绑定到p或span标记

2 个答案: