如何将Item添加到作用域AngularJS
How to add an Item to scope AngularJS
我对Angular JS和mongod非常陌生。我想能够在这个页面上按下一个新的成分字段,直到+按钮打开。
这是我的观点
我的UI
这是我的.ejade文件block content
div.container-fluid(ng-controller="DrinkController", ng-init="setDrinks( #{JSON.stringify(drinks)} )")
div.row
div.col-md-2
div.col-md-8
h1.title Edit Drinks
div.row
div.col-md-3
b Name
div.col-md-3
b Filename
div.col-md-1
div.col-md-5
b Ingredients
div.row.editRow(ng-repeat="drink in drinks | orderBy: 'name'")
form(ng-submit="editDrink(drink)")
div.col-md-3
input(value="{{drink.name}}", ng-model="drink.name")
div.col-md-3
input(value="{{drink.image}}", ng-model="drink.image")
div.col-md-1.text-right
a(ng-click="addNewIngredientEd()") +
div.col-md-4
div.row(ng-repeat="ingredient in drink.ingredients")
div.col-md-7
select.mixers(value="{{ingredient.name}}", ng-model="ingredient.name", ng-options="i for i in ingredientsList")
div.col-md-4
input.addForm.ingredient(value="{{ingredient.amount}}", ng-model="ingredient.amount", style="width: 100px;")
div.col-md-1
a(ng-click="removeIngredientEdit($index)") -
div.col-md-1
button.btn Save
这是我的相关JS
$scope.addNewIngredientEd = function () {
$scope.newDrink.ingredients.push({ name: '', amount: 0 });
//alert("Hello! I am an alert box!!");
console.log('Added new ingredient Test ');
};
如果想要$index
,它是ng重复的一部分
addNewIngredientEd($index)
和
$scope.addNewIngredientEd = function ($index) {
$scope.drinks[$index].ingredients.push(...
- AngularJS指令隔离作用域
- Angularjs:修改js中的作用域,稍后在页面中使用
- AngularJS$作用域在选项卡集中出现问题
- AngularJs,在没有隔离的情况下将指令属性添加到作用域
- 如何在angularjs中将多个作用域变量传递到自定义指令中
- AngularJS:如何与其他控制器共享作用域函数和变量
- 为什么AngularJS$作用域不能正常工作
- AngularJS:如何调用指令中定义的函数'控制器的作用域
- AngularJS:ngRepeat作用域在具有隔离作用域和ngTransclude的自定义指令中失败
- 阻止“ng include”创建孤立的作用域.AngularJS
- 在另一个作用域变量中使用AngularJS作用域变量
- AngularJS观察指令属性表达式,动态继承作用域
- 在AngularJS中将元素添加到作用域时,如何在所有设备上播放声音
- AngularJS$作用域在函数之外不可访问
- 隔离作用域+绑定名称和仅在AngularJS中的隔离作用域之间的差异
- AngularJS-由$scope创建的作用域何时执行$new()已删除.垃圾收集器或Angular负责处理它吗
- $watch检查在作用域 AngularJS 中定义的变量
- 如何将Item添加到作用域AngularJS
- 为什么我有一个未定义的作用域?angularjs
- 如何在每次调用指令时创建一个唯一的作用域(AngularJS)