0

姓と名を入力できるユーザー用のフォームを作成したいと考えています。

angularjsを使いたいです。しかし、2 つの異なる入力を 1 行にバインドする方法がわかりません。このコードを試してみましたが、成功しませんでした。

<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-bindAngular 式を含める必要があります (オプションで、'|' 区切り文字の後に 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 に答える