This is a shortened version of the js file
var linksManager = angular.module('linksManager', ['ui']);
angular.bootstrap(document, ['linksManager']);
linksManager.factory('linksData', function () {
var linksData = [
{
text: 'Menu Item 1',
url: '#'
}, {
text: 'Menu Item 2',
url: '#',
submenu: [
// more data ...
});
function linksRarrange($scope, linksData) { $scope.links = linksData; }
がコントローラlinksData
の直接内部にある前linksRearrange
$scope.links = [
{
text: 'Menu Item 1',
url: '#'
}, {
text: 'Menu Item 2',
url: '#',
submenu: [
// more data ...
うまくいきましたが、共有が機能しないのはなぜですか?
これは HTML です。現在は何も表示されません。
<div class="nav-manage clearfix" ng-app="linksManager">
<div class="links-arrange" ng-controller="linksRarrange">
<ul class="sortable">
<li ng-repeat="level1link in links">
<a href="{{level1link.url}}">{{level1link.text}}</a>
<ul class="sortable">
<li ng-repeat='level2link in level1link.submenu'>
<a href="{{level2link.url}}">{{level2link.text}}</a>
<ul class="sortable">
<li ng-repeat='level3link in link.level2link'>
<a href="{{level3link.url}}">{{level3link.text}}</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>