小编Mar*_*zek的帖子

我正在开发一个使用AngularJS构建的应用程序,它有两种不同的状态:

1. 应用程序介绍向导
2. 应用页面(带有导航模板和嵌套视图)

我想在第一次有人访问应用程序时默认为状态1,完成向导后,继续进入App页面,状态2.

我的"app"状态(状态2)是一个抽象状态,因为它具有嵌套视图.所以我无法过渡到这种状态.

.config(function($stateProvider, $urlRouterProvider) {
$stateProvider

  .state('intro', {
    url: '/',
    templateUrl: 'templates/intro.html',
    controller: 'IntroCtrl'
  })

  .state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/menu.html',
    controller: 'AppCtrl'
  })

  .state('app.playlists', {
    url: "/playlists",
    views: {
      'menuContent' :{
        templateUrl: "templates/playlists.html",
        controller: 'PlaylistsCtrl'
      }
    }
  });

  $urlRouterProvider.otherwise("/");

})

我在我的应用程序中使用$ .get()来检索设施名称列表.然后我想将它们作为jquery mobile中的列表项插入到已存在的列表项中.当我在html中添加一个元素时,它看起来没问题,但是当我使用for循环时,结果没有任何样式效果.

http://jsfiddle.net/mkamyszek/YDFZ3/1/

<div data-role="page">
            <div data-role="header">
                <h1>My Title</h1>
            </div><!-- /header -->

            <div data-role="content">
                <ul data-role="listview" data-inset="true" data-filter="true" id="fieldList">
                    <li>Test</li>
                </ul>
            </div><!-- /content -->

        </div><!-- /page -->

循环输出正确的信息,但由于某种原因,当我使用循环时样式不适用:

for (i=0; i<=5; i++){
$("ul").append("<li>something" + i + "</li>");

}

在Ionic框架内工作.我有一个非常简单的应用程序设置,无法在滑动时显示按钮:

//Swipable buttons don't work.
$scope.itemButtons = [
 {
     text: 'Edit',
     type: 'Button',
     onTap: function (item) {
         alert('Edit Item');
     }
 },
 {
     text: 'Share',
     type: 'Button',
     onTap: function (item) {
         alert('Share Item');
     }
 }
];

<ion-content>
    <ion-list>
        <ion-item ng-repeat="facility in facilities" item="item" can-swipe="true" option-buttons="itemButtons">
            {{facility.name}}
        </ion-item>
    </ion-list>
</ion-content>