如何将通用数据发送到角度弹出窗口?

时间:2016-01-25 10:31:56

标签: javascript angularjs twitter-bootstrap

我有一个弹出窗口,触发文本框焦点。我必须将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) {
            ...
        }
    };
})

0 个答案:

没有答案