좋은 하루,앵글 스트랩. Popover에서의 양방향 바인딩
템플릿을 통해 내용을 팝업 본문에 성공적으로 바인딩 할 수 있지만이 영역 내부의 변경 사항은 다시 부모 범위에 바인딩되지 않습니다. 다음은 간단한 예입니다.
나는 당신이 원시적을 결합하려는 어떤 도움<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<title>2-way binding popover</title>
</head>
<body>
<div data-ng-app="myApp" data-ng-controller="defaultCtrl" style="margin: 100px 100px">
<button type="button" class="btn btn-lg btn-danger" data-unique="1" data-auto-close="1" data-placement="bottom" data-content-template="popover-tmpl.html" data-title="Title Two" data-html="true" bs-popover>
Change name
</button>
{{ name }}
<script type="text/ng-template" id="popover-tmpl.html">
{{ name }}
<input type="text" data-ng-model="name">
</script>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-strap/2.1.5/angular-strap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-strap/2.1.5/angular-strap.tpl.min.js"></script>
<script type="text/javascript">
var app = angular.module("myApp", ['mgcrea.ngStrap']);
app.controller("defaultCtrl", ["$scope", function($scope) {
$scope.name = 'Roman';
}]);
</script>
</body>
</html>
popover는 하위 범위 **를 생성합니다. [so dot rule] (http://stackoverflow.com/questions/14049480/what-are-the-nuances-of-scope-prototypal- prototypical-inheritance-in-angularjs) ** – PSL