0

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

我想使用 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>
4

2 回答 2

1

怎么样:

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

ng-bind必须包含一个 Angular 表达式(您可以选择在“|”分隔符后添加一个 Angular 过滤器)。

角度表达式

Angular 表达式类似于 JavaScript 表达式,但有以下区别:

  • 上下文:JavaScript 表达式针对全局窗口进行评估。在 Angular 中,表达式是针对范围对象进行评估的。
  • 宽恕:在 JavaScript 中,尝试评估未定义的属性会生成 ReferenceError 或 TypeError。在 Angular 中,表达式
    求值对 undefined 和 null 是宽容的。
  • 无控制流语句:您不能在 Angular 表达式中使用以下内容:条件、循环或异常。
  • 过滤器:您可以在表达式中使用过滤器在显示数据之前对其进行格式化。
于 2014-09-09T13:36:10.993 回答
0
<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>
于 2015-10-26T12:10:15.717 回答