我有一个弹出窗口,触发文本框焦点。我必须将testvar
(在父元素(此处为文本框)中定义为属性)传递给弹出模板。这是代码:
page_template.html
<input type="text" placeholder="Choose Start Date"
ng-model="data.filters.startdate"
popover-placement="bottom"
uib-popover-template="calendar_popover.html"
popover-trigger="click" testvar="something"/>
calendar_popover.html
<div>
{{testvar}}
<div>
<calendar selected="testvar" highlight="selected"
select-callback="doSomething()"></calendar>
</div>
</div>
用例是我必须在不同的弹出窗口上显示不同的日期,同时使用相同的弹出模板。像:
<input ... chosenDate="date1"/>
<input ... chosenDate="date2"/>
然后使用通用代码在页面上的多个弹出窗口中显示它:
<calendar selected="chosenDate" highlight="selected" ...></calendar>
修改
这是日历指令:
.directive("calendar", function () {
return {
restrict: "E",
templateUrl: "/www/views/common/calendar.html",
scope: {
selected: "=selected",
events: "=ngModel",
selectCallback: '&',
bindingFoo: "=",
},
link: function (scope, elements, attr) {
...
}
};
})