Изменение значения ng-модели при ng-click

У меня есть div, в котором у меня есть четыре параметра радио в ng-repeat, моя проблема заключается в том, что когда я нажимаю кнопку, div с классом списка должен быть продублирован, а ng-модель должна измениться, скажем, если она имеет значение «завтрак. любимый» после щелчка он должен стать «завтрак.фаворит1» для дублированного div

<div class="main" ng-app="myApp" ng-controller="MyCtrl">    
<div class="list">
    <label class="item item-radio" ng-repeat="breakfastRecipe in breakfastRecipes" for="{{breakfastRecipe.name}}" ng-click="closeModal()">
        <input type="radio" ng-model="breakfast.favourite" ng-value="breakfastRecipe.name" id="{{'breakfast'+breakfastRecipe.id}}" name="boolean" />

    </label><br />
    {{breakfast.favourite}}
</div>
<button>Add Another</button>

here is my controller

var app = angular.module('myApp', []);
app.controller('MyCtrl', ['$scope', function ($scope) {
$scope.breakfastRecipes = [{id : 1, name : 'BreakfastRecipe1'},{id : 2, name : 'BreakfastRecipe2'},{id : 3, name : 'BreakfastRecipe3'},{id : 4, name : 'BreakfastRecipe4'}];
$scope.breakfast=[];
}]);

Помогите мне в этом

http://jsfiddle.net/hari_k/sjvrau3a/8/


angularjs angularjs-ng-model angularjs-ng-click
person Hari Kishan    schedule 24.12.2014    source источник
comment
Добавить что? ng-модель изменилась на что?   -  person New Dev    schedule 24.12.2014
comment
Вроде работает, в чем проблема?   -  person Umur Kontacı    schedule 24.12.2014
comment
Пожалуйста, указывайте более подробную информацию, когда задаете вопросы. Мы ничего не знаем о вашем проекте. Обеспечьте правильную формулировку проблемы и ожидаемое поведение   -  person charlietfl    schedule 24.12.2014

Ответы (1)


arrow_upward
2
arrow_downward

Вы пытаетесь достичь этого?

http://jsfiddle.net/TheRodeo/taujuuq2/3/

<button ng-click="addItem()">Add Another</button>
<div>
    <ul>
        <li ng-repeat="breakfastItem in breakfast  track by $index">{{breakfastItem}}</li>
    </ul>
</div>


$scope.addItem = function()
{
    $scope.breakfast.push($scope.breakfast.favourite);
}
person TheRodeo    schedule 24.12.2014
comment
[проголосовал] Хотя ОП это не принял. Это положило конец долгой головной боли, которая у меня была. - person Alex C.; 15.02.2016