종속성을 추가하면 각도 ui 부트 스트랩 아코디언이 작동하지 않습니다 ..?

많은 사이트의 각도 ui 아코디언에 대한 예제를 복사했지만 코드가 작동하지 않습니다. 내가 그 코드를 사용하면 plunker 또는 비슷한 일을하지만 내 PC에서 작동하지 않습니다. 도와주세요.종속성을 추가하면 각도 ui 부트 스트랩 아코디언이 작동하지 않습니다 ..?

이 내 HTML 코드

<!DOCTYPE HTML> 
<html lang="en-US" ng-app="myModule"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Accordion test</title> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.5/angular.min.js"></script> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.4.0/ui-bootstrap-tpls.min.js"></script> 
    <script type="text/javascript" src="example.js"></script> 
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
</head> 
<body> 
<div ng-controller="AccordionDemoCtrl"> 
    <label class="checkbox"> 
    <input type="checkbox" ng-model="oneAtATime"> 
    Open only one at a time 
    </label> 

    <accordion close-others="oneAtATime"> 
    <accordion-group heading="Static Header"> 
     This content is straight in the template. 
    </accordion-group> 
    <accordion-group heading="{{group.title}}" ng-repeat="group in groups"> 
     {{group.content}} 
    </accordion-group> 
    <accordion-group heading="Dynamic Body Content"> 
     <p>The body of the accordion group grows to fit the contents</p> 
     <button class="btn btn-small" ng-click="addItem()">Add Item</button> 
     <div ng-repeat="item in items">{{item}}</div> 
    </accordion-group> 
    </accordion> 
</div> 

</body> 
</html>

이며,이 JS 코드를 사전에

angular.module('myModule', ['ui.bootstrap']) 

function AccordionDemoCtrl($scope) { 
    $scope.oneAtATime = true; 

    console.log('bla'); 

    $scope.groups = [ 
    { 
     title: "Dynamic Group Header - 1", 
     content: "Dynamic Group Body - 1" 
    }, 
    { 
     title: "Dynamic Group Header - 2", 
     content: "Dynamic Group Body - 2" 
    } 
    ]; 

    $scope.items = ['Item 1', 'Item 2', 'Item 3']; 

    $scope.addItem = function() { 
    var newItemNo = $scope.items.length + 1; 
    $scope.items.push('Item ' + newItemNo); 
    }; 
}

감사합니다 ..입니다

출처

2017-02-01 Sudeep Kumar

당신이 당신의 AccordionDemoCtrl 컨트롤러를 부착하지 않는 것 같습니다 당신의 myModule 모듈.

angular.module('myModule').controller("AccordionDemoCtrl", AccordionDemoCtrl);

이 AccordionDemoCtrl의 현재 정의 (이상)에서 그 선을 넣고 그 당신을 위해 일을 수정해야합니다 : 당신이 뭔가를해야합니다.

출처

2017-02-01 17:59:49

아직도 작동하지 않습니다. : ( –

콘솔에 오류가 있습니까? –

종속성을 추가하면 각도 ui 부트 스트랩 아코디언이 작동하지 않습니다 ..?

답변

관련 문제