模板如何在Angular.js中工作？

我一直在看這個例子，並期待通過谷歌無濟於事。我不明白popover-template是如何工作的。它是Angular的模板系統嗎？我找不到任何文件，所以我想我會轉向社區。我該如何創建自己的模板？模板如何在Angular.js中工作？

<!DOCTYPE html> 
<html ng-app="myApp"> 

<head> 
    <script data-require="[email protected]" data-semver="1.1.5" src="http://code.angularjs.org/1.1.5/angular.min.js"></script> 
    <script data-require="[email protected]" data-semver="1.1.5" src="bootstrap-ui.js"></script> 
    <link data-require="[email protected]" data-semver="2.3.2" rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" /> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
</head> 

<body ng-controller="Ctrl"> 
    <div style="padding-bottom: 400px"></div> 
    <div class="container-fluid"> 
    <fieldset> 
    <div class="control-group"> 
    <label class="control-label" for="tc">Sample:</label> 
     <div class="controls"> 
     <div class="input-prepend"> 
     <input placeholder="Enter end date.." type="text" class="input-small" ng-model="entity.endDate" name="endDate" /> 
     <button type="button" class="btn" ng-model="$parent.entity.endDate" popover-template="datepicker-test.html"> 
     <i class="icon-calendar"></i> 
     </button> 
    </div> 
    </div> 
    </div> 
    </fieldset> 
</div> 
</body> 
</html>

來源

2013-07-16 Strawberry

距離角UI的自舉子項目directive：

<button type="button" class="btn" ng-model="$parent.entity.endDate" popover-template="datepicker-test.html">

相應的JavaScript是inbootstrap-ui.js：

.directive('popoverTemplate', [ '$tooltip', function ($tooltip) { 
    return $tooltip('popoverTemplate', 'popover', 'click'); 
}]);

該項目是在這裏：https://github.com/angular-ui/bootstrap

來源

2013-07-16 06:41:56 Maarten

理智恢復。 – Strawberry

Maarten，我有點困惑......我無法在[ui-boostrap]（http://angular-ui.github.io/bootstrap/）代碼中找到popoverTemplate指令......但奇怪的是這個[鏈接]（http://embed.plnkr.co/Zxm90d/preview），它似乎使用相同的版本，但與該指令！...爲什麼？ – wilver

好的。我認爲這是[answer]（https://github.com/angular-ui/bootstrap/pull/1391#issuecomment-32494143）：暫時的解決方法，而官方功能不可用... – wilver

模板如何在Angular.js中工作？

回答

相關問題