如何在Angularjs中從json獲取文本框的值

我是新來的angularjs，我有兩個文本框和一個按鈕。第一個文本框將填充年齡（僅限15至66個數字）。第二個文本框只填寫字符串中的「九」/「十二」/「十五」字。（否則單選按鈕也可以取代第二個文本框，但我不知道如何實現這個與我的問題。）。進入兩個領域點擊按鈕後，我一定要得到：如何在Angularjs中從json獲取文本框的值

與進入這個年紀，「九」 /「十二條」 /「十五」僅適用於JSON數據項的數據。

「年齡：44及期限：785.5」

例如：在第一個文本框我已經進入了「44」的年齡，並在第二個文本框我已經進入「十二條」（或者我已經選擇了「在單選按鈕），然後點擊按鈕我得值作爲‘12" 年齡：44及期限：785.5’

WORKING FIDDLE

我不知道如何動態地更改「NG綁定=」 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>

任何幫助表示讚賞。

來源

2015-04-29 UiUx

我看着小提琴，它似乎工作正常。「pa.term.twelve」是來自T816數組的數據，你如何確切地想要動態改變，我不明白。 – Ritesh

其實我需要輸入十二或十五或九進入文本框和HTML部分十二不應該在那裏.. data-ng-bind =「pa.term」 – UiUx

所以在HTML部分，你有硬編碼12，有你想要你在文本框中輸入的內容，如果我錯了，請糾正我的錯誤 – Ritesh

不是最好的方式做到這一點，但你可以用這種表情的嘗試：

<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，反映了給定的解決方案。

來源

2015-04-29 09:06:12 Daniele

這就是如預期的那樣工作，以及在這種情況下如何改變：[fiddle]（http://jsfiddle.net/santosh_patnala/x5m0f8g3/2/） – UiUx

你在'ng-model =「value」'內部保存單選按鈕的值，所以只需要用'value'或者你定義的模型[fiddle]改變'getTerm'（http://jsfiddle.net/x5m0f8g3/4 /） – Daniele

非常感謝你@Daniele。 – UiUx

您可以將數據塊3與NG-if條件，如下所示：

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

或者您可以創建函數將返回正確的值。在您的例子中，你只需要以顯示正確的值，你有沒有需要更新，所以功能是確定：

<p>Term 12 Data: <b>{{getTermValue(pa.term)}}</b></p>

和功能：

$scope.getTermValue=function (term){ 
      switch ($scope.getTerm) 
      { 
        case "nine": return term.nine; 
        case "twelve": return term.twelve; 
        case "fifteen": return term.fifteen; 
      } 
      return ""; 
     }

功能是更好，如果性能的數量可能會增加。

來源

2015-04-29 09:11:30

謝謝@pavel你的時間。它適用於gr8 – UiUx

如何在Angularjs中從json獲取文本框的值

回答

相關問題