Angularjs填充表單數據（從其他選擇中選擇）

我正在構建一個小購物車。我有不同的產品，每個產品都有不同的選擇。選項選擇應該只顯示所選產品的選項。Angularjs填充表單數據（從其他選擇中選擇）

我該如何填充選擇？我的$ scope.products甚至有可能以這種方式？
一旦我填充選項，每個選項應該改變所選產品的成本/價格。我如何通過Angular實現這種「鏈式綁定」？

我的JS看起來像這樣：

$scope.products = [{ 
    name: 'Normal Product', 
    cost: 25, 
    options: ["Option #1", "Option #2"] 
}, 

{ 
    name: 'Cool Product', 
    cost: 100, 
    options: ["Option #1", "Option #2"] 
}, { 
    name: 'Sick Produckt', 
    cost: 150, 
    options: ["Option #1", "Option #2"] 
}];

和HTML：

<td> 
<select ng-model="item.product" ng-options="p.name for p in products"> 
</select> 
</td> 
<td <select ng-model="item.option" ng-options="o for o in item.product.options"> 
</select> 
</td>

的jsfiddle：http://jsfiddle.net/NyvbN/2/

來源

2013-11-26 deekay

這個問題似乎是離題，因爲它是關於代碼中的拼寫錯誤。 –

在檢查你的小提琴的錯誤修正我發現產品選項仍然沒有列出。你能檢查一下嗎？ –

唯一的問題是，你沒有關閉td標籤：您有<td未結束>

<td> <select ng-model="item.option" ng-options="o for o in item.product.options">

否則您的小提琴工作正常。

來源

2013-11-26 15:02:42

Angularjs填充表單數據（從其他選擇中選擇）

回答

相關問題