如何从Angularjs中的json获取文本框值

时间:2015-04-29 08:48:33

标签: angularjs angularjs-ng-repeat

我是angularjs的新手,我有两个文本框和一个按钮。 第一个文本框是填充年龄(15到66 - 仅限数字)。 第二个文本框仅用字符串填充“九”/“十二”/“十五”中的术语。 (否则单选按钮也可以代替第二个文本框,但我不知道如何用我的问题实现这个。)。 进入两个字段后点击按钮我必须得到:

  

具有输入年龄和仅有“九”/“十二”/“十五”json数据的术语数据。

     

“年龄:44岁,期限:785.5”

例如:在第一个文本框中我输入了“44”作为年龄,在第二个文本框中我输入了“十二”(或者我在单选按钮中选择了“12”),然后点击按钮我必须得到价值为“年龄:44岁和期限:785.5”

WORKING FIDDLE

我不知道如何动态更改“ng-bind ='pa.term.twelve'”这个值(十二个值):

<ul>
   <li ng-repeat="pa in T816 | filter:getAge">
      <p>
         Term 12 Data: <b data-ng-bind="pa.term.twelve"></b>
      </p>
   </li>
</ul>

感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

不是最好的方法,但你可以试试这种表达方式:

<p ng-if="getTerm === 'nine'">Term 9 Data: <b data-ng-bind="pa.term.nine" ></b></p>
<p ng-if="getTerm === 'twelve'">Term 12 Data: <b data-ng-bind="pa.term.twelve"></b></p>
<p ng-if="getTerm === 'fifteen'">Term 15 Data: <b data-ng-bind="pa.term.fifteen"></b></p>

使用ng-if只会在p选中getTerm时进行呈现。

我更新了反映给定解决方案的fiddle