如何將兩個或多個模型綁定到p或span標籤

Question

如何將兩個或更多模型綁定到angularjs.j中的單個標籤。我想要做的是通過添加名和最後一個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屬性告訴角度來代替 指定的HTML元素與給定表達價值的文本內容，並 更新文本內容在該表達式的值改變時。

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