angularjs – Angular js双向数据绑定问题,用于管理“文本框”到“标签”的更改

<div ng-app="" ng-controller="controller" id="contentsDivID">
<div ng-repeat="chapter in chapters">
<ng:switch on="chapter.edit">
            <div ng:switch-when="true">
                <input type="text" ng-model="chapter.title" ng-model="chapter.title" />                
                <a ng-click="addChapter($indeX);"><i class="icon-ok"></i></a>
            </div>          
            <div ng:switch-when="undefined">
                    <label>{{Chapter.titlE}}</label>
            </div>
            </ng:switch>        
    </div>       
</div>

然后你的JavaScript代码到此

function controller($scopE)
{
    $scope.chapters=[
            {
                "_id": "567456746","title": "Growth and Development","type": "section","edit":true
            },{
                "_id": "34563465345","title": "Links between Areas of Development","type": "section"
            },{
                "_id": "8776545645","title": "characteristics of Development","thumbnail": "/xopus/images/templates/media-1-top-right.png","type": "section"
            }
        ];

    $scope.addChapter = function(indeX) {
        $scope.chapters[index].edit = undefined;
    }
}

你可能想要结账angular concepts documentation – 它应该给你一些关于角轨道如何改变模型的重点.