Angular-UI Datepicker - 创建模板

Question

我是 AngularJS 的新手。我正在使用这个库：

http://angular-ui.github.io/bootstrap/

有了它，我可以显示一个日期选择器：

      <input type="text" class="form-control" datepicker-popup ng-model="dt" is-open="opened" />
      <span class="input-group-btn">
        <button type="button" class="btn btn-default" ng-click="$event.preventDefault(); $event.stopPropagation(); opened = true;"><i class="glyphicon glyphicon-calendar"></i></button>
      </span>

我不想每次有日期选择器时都重复此代码。有没有办法我可以做类似的事情：

然后它只是插入上面的“模板”代码？

-或-

有没有办法或者我不必将 ng-click 属性代码添加到按钮（是否已全局设置）？

Answer 1

您可以创建一个指令，正是它的含义，避免重复样板标记 - 以及在干净分离的环境中与 dom 交互的命令式代码。事实上，日期选择器本身就是一个指令。这是一个很好的教程：http://www.sitepoint.com/practical-guide-angularjs-directives/