使用Angular Strap，無法彈出選擇菜單？

//test.js使用Angular Strap，無法彈出選擇菜單？

$scope.popover = { 
    "title": "Title", 
    "content": "<select ><option value = "volvo"> Volvo </option> <option value = "saab"> Saab </option> <option value = "mercedes"> Mercedes </option> <option value = "audi" > Audi </option> </select>" 
};

// index.html的

<button type="button" class="btn btn-lg btn-primary" data-placement="bottom" data-animation="am-flip-x" data-html="true" bs-popover ="popover">Click to toggle popover 
     <br> 
     <small>(using an object)</small> 
    </button>

我取得按鈕。我無法獲得菜單項。如何彈出選擇菜單？點擊點擊菜單項時發出一些提醒。

在前提前感謝

來源

2017-01-25 Learner17

使用uib-popover-html屬性。嘗試下面。

<html ng-app="demo"> 
 
    <head> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animate.js"></script> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-sanitize.js"></script> 
 
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.4.0.js"></script> 
 
    <script src="example.js"></script> 
 
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
 
    </head> 
 
    <body> 
 

 
<div ng-controller="PopoverDemoCtrl"> 
 
    <h4>Dynamic</h4> 
 
    <button uib-popover-template="dynamicPopover.templateUrl" popover-title="{{dynamicPopover.title}}" type="button" popover-placement="right" class="btn btn-default">Popover With Template</button> 
 
    
 
    <button uib-popover-html="htmlPopover" popover-title="Choose" popover-placement="right" class="btn btn-default">HTML Popover</button> 
 

 
    <script type="text/ng-template" id="myPopove.html"> 
 
     <div>{{dynamicPopover.content}}</div> 
 
     <div class="form-group"> 
 
      <select class="form-control"><option value = "volvo"> Volvo </option> <option value = "saab"> Saab </option> <option value = "mercedes"> Mercedes </option> <option value = "audi" > Audi </option> </select> 
 
     </div> 
 
    </script> 
 
    
 
</div> 
 
    <script>angular.module('demo', ['ngAnimate', 'ngSanitize', 'ui.bootstrap']); 
 
angular.module('demo').controller('PopoverDemoCtrl', function ($scope, $sce) { 
 
    $scope.htmlPopover = $sce.trustAsHtml('<select class="form-control"><option value = "volvo"> Volvo </option> <option value = "saab"> Saab </option> <option value = "mercedes"> Mercedes </option> <option value = "audi" > Audi </option> </select>'); 
 
    $scope.dynamicPopover = { 
 
    content: 'Choose car', 
 
    templateUrl: 'myPopove.html', 
 
    title: 'Car list' 
 
    }; 
 
    
 
});</script> 
 
    </body> 
 
</html>

來源

2017-01-25 12:24:15

不下拉。我們怎麼能彈出選擇項目的菜單？ – Learner17

顯示你的所有代碼 –

使用Angular Strap，無法彈出選擇菜單？

回答

相關問題