Question

我想为用户填写一个可以填写他们的名字和第二个名字的表格。

我想使用angularjs。但我不知道如何将两个不同的输入绑定到一行。我尝试了这段代码没有任何成功。

<form data-ng-app="">
   Voornaam: <input type="text" name="firstname" data-ng-model='name1'><br>
   Achternaam: <input type="text" name="lastname" data-ng-model='name2'><br>
   <h4>Name: <span style=" text-transform: capitalize;"  data-ng-bind='name1; name2'  ng-trim='false'> </span></h4>
</form>

Answer 1

怎么样：

<h4>Name: <span style="text-transform: capitalize" data-ng-bind="name1 + ' ' +  name2" data-ng-trim="false"> </span></h4>

ng-bind必须包含一个Angular表达式（您可以选择在＆＃39; |＆＃39;分隔符后添加一个Angular过滤器。）

Angular Expressions

Angular表达式就像JavaScript表达式，具有以下内容   差异：


上下文：JavaScript表达式是针对全局窗口进行评估的。在Angular中，表达式是根据范围对象进行评估的。

原谅：在JavaScript中，尝试评估未定义的属性会生成ReferenceError或TypeError。在Angular中，表达式   评估是对undefined和null的宽容。

无控制流语句：您不能在Angular表达式中使用以下内容：条件，循环或异常。

过滤器：您可以在表达式中使用过滤器在显示数据之前格式化数据。

Answer 2

<form data-ng-app="">
   Voornaam: <input type="text" name="firstname" data-ng-model='name1'><br>
   Achternaam: <input type="text" name="lastname" data-ng-model='name2'><br>
   <h4>Name: <span style=" text-transform: capitalize;" ng-bind='name1'> </span> -<span style=" text-transform: capitalize;" ng-bind='name2'> </span></h4>
</form>

如何在一个范围内绑定两个输入字段

2 个答案: