5
के साथ समस्या मेरे पास टेम्पलेट नामक निर्देश है, टेम्पलेट्स के लिए कोड नीचे जैसा है।कोणीय accordion scope
var templates = function($compile,$parse){
var directive = {
restrict: 'EA',
replace: true,
link: link
};
return directive;
function link(scope, element, attrs) {
scope.name = "testName";
var isHtmlCompiled = false;
}
};
angular.module('templateModules', [])
.directive('templates', templates);
यह मुख्य रूप से एचटीएमएल कोड संकलन और सवाल मैं उदाहरण में उस उद्देश्य के लिए इसे का उपयोग नहीं कर रहा हूँ की बेहतर समझ के लिए है.लेकिन प्रदर्शित करने के लिए प्रयोग किया जाता है। app.js फ़ाइल की तरह नीचे
angular.module('ui.bootstrap.demo', ['ui.bootstrap','templateModules']);
angular.module('ui.bootstrap.demo').controller('AccordionDemoCtrl', function ($scope) {
$scope.oneAtATime = true;
$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);
};
$scope.add = function(){
alert($scope.name);
}
$scope.status = {
isFirstOpen: true,
isFirstDisabled: false
};
});
index.html नीचे की तरह एक अकॉर्डियन उपयोग कर रहा है।
<!doctype html>
<html ng-app="ui.bootstrap.demo">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.js"></script>
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.13.1.js"></script>
<script src="app.js"></script>
<script src="template.js"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div ng-controller="AccordionDemoCtrl">
<accordion close-others="oneAtATime">
<accordion-group heading="Static Header, initially expanded" is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">
This content is straight in the template.
</accordion-group>
</accordion>
<accordion close-others="oneAtATime">
<accordion-group heading="DYnamic" is-open="status.open" is-disabled="status.isFirstDisabled">
<div templates="something"></div>
<button ng-click="add()">Add</button>
</accordion-group>
</accordion>
</div>
</body>
</html>
समस्या का सामना करना पड़ रहा हूँ कि मैं AccordionDemoCtrl में टेम्पलेट से scope.name का मूल्य प्राप्त करने में सक्षम नहीं कर रहा हूँ है। AccordionDemoCtrl में उस मान को प्राप्त करने का कोई तरीका है?
आपका कोड इस तरह के 'launch' की परिभाषा के रूप में, पूरा नहीं हुआ लगता है और * एक और निर्देश * ... आप इस समस्या को कम करने के लिए नीचे कोड हटना और JSFiddle पर डाल सकते हैं:
यहाँ एक काम डेमो है , आदि? – Joy
मैंने प्रश्न – robin