離子動態形式和獲取ng模型的價值

我想創建一個動態表單，我想從JSON數據中創建表單。我能夠創建一個表單，但我想要訪問該動態創建的表單並獲取提交按鈕上的模型（輸入字段）的值。我爲此創建了一個小提琴（https://jsfiddle.net/anujsphinx/dpzgeyt8/2/）。想要獲得每個字段的ng模型值。我在HTML離子動態形式和獲取ng模型的價值

<ion-view view-title="Search" ng-app="myAp"> 
    <ion-content ng-controller="SearchCtrl"> 
    <h1>Submit</h1> 
    <span class="input-label">Username</span> 
        <input type="text" ng-model="loginuser.use" name="text" placeholder="Your Username" required> 
    <span class="input-label">Email Id</span> 
        <input type="email" ng-model="loginuser.email" name="email" placeholder="Your Username" required> 
    <div data-ng-repeat="item in data track by $index"> 
    <span class="input-label">{{item.name}} </span> 
        <input type="{{item.type}}" ng-model="newVar" name="email" placeholder="{{item.placeholder}}" required> {{newVar}} 
    </div> 
    <button type="button" ng-click="checkResult()"> 
     Submit 
    </button> 
    </ion-content> 
</ion-view>

來源

2016-11-11 Anuj

在這裏得到的所有元素的值是JavaScript的解決方案，如果你覺得有用https://jsfiddle.net/hv2f1gLe/ 。我只做了兩個文件。你可能會發現從這種形式獲取數據的動態方式。 –

謝謝，但主要問題是，名稱將創建動態。 – Anuj

是的，你可以谷歌它從一個窗體使用循環獲取所有領域。 –

做錯了這是你可以得到所有的表單元素的值的方式。添加新的表單元素並在表單中添加輸入字段。

<form name="newForm"> 
... //input elements 
</form>

添加一個循環從形式

$scope.checkResult = function(){ 
    var newForm = document.newForm; 
    for(i=0;i<newForm.elements.length;i++){ 
     console.log(newForm.elements[i].value); 
    } 
    }

希望它有助於

來源

2016-11-11 09:48:37

感謝NImesh。你做了我的一半工作。我現在更新https://jsfiddle.net/anujsphinx/hv2f1gLe/6/ – Anuj

歡迎anuj –

離子動態形式和獲取ng模型的價值

回答

相關問題