我从github复制了这个重写规则：

<rule name="Main Rule" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>

这在诸如https://www.mywebsite.com/dashboard之类的路径上工作得很好.

但是,当我刷新像https://www.mywebsite.com/tab/settings这样的路径时,我的javascript加载正常,但我的css目录关闭了1.

我的脚本路径加载正确如下：

https://www.mywebsite.com/Scripts/angular.js

但是,我的CSS试图加载为：

https://www.mywebsite.com/tab/Content/bootstrap.min.css

使用/ tab /导致我的问题.

我的路线：

.state('Template',{
            url: '',abstract: true,views: {
                'header': {
                    templateUrl: 'App/SharedViews/Landing/dashboardheader.html'
                }
            }
        })
        .state('Template.AdminTab',{
            url: '/admin',views: {
                'container@': {
                    templateUrl: 'App/Views/Admin.html'
                }
            }
        })
        .state('Template.Tab.Company',{
            url: '/company',views: {
                'container@': {
                    templateUrl: 'App/Views/Admin.html'
                },'tabs-views@': {
                    templateUrl: 'App/Views/Company.html'
                }
            }
        })
        .state('Template.Tab.Users',{
            url: '/users','tabs-views@': {
                    templateUrl: 'App/Views/Users.html'
                }
            }
        })

如何修改重写规则以在2段深度的网址上正确加载css？

代替：
内容/ bootstrap.min.css

在前面放置一个’/’将根据根目录解析路径.

我的观点(months.html)有一个所有月份的列表,选中后,它会将值传递给控制器​​.

<ion-list ng-repeat="time in times.months" ng-click="getMonthId($index)">
  <ion-itemhref="#/dmtimes">{{ time.monthId }} - {{ time.MonthName }</ion-item>
</ion-list>

视图输出显示：

1 - Jan
2 - Feb 
3 - Mar
etc

我的控制器有以下提取代码：

.controller('dailyMeetingTimesCtrl',function($scope,MeetingNames,$ionicLoading,$firebase,$firebaseArray) {

  $scope.getMonthId = function (monthId) {
    alert("you selected: " + monthId); // this works fine.
    $scope.myChoice = monthId; // ReferenceError: myChoice is not defined

    console.log(myChoice);
  }
})

在我的第二个视图(displayMeetingTimes.html)中,我想显示所选月份的会议详细信息,时间等.代码如下：

<ion-view title="Daily Meeting Times">
  <ion-content ng-controller="dailyMeetingTimesCtrl"overflow-scroll="true" padding="true">
    <ion-list>

      <ion-item ng-repeat="time in times.months(myChoice).days">
        <span>{{myChoice}}</span>
        Meeting Name:   {{ time.meetingName }}<br />
        Star Time:  {{ time.startTime }}<br />
        Finish Time:    {{ time.finishTime }}<br />
      </ion-item>         
    </ion-list>

  </ion-content>
</ion-view>

当我运行应用程序时,’myChoice’的值没有传递到第二个视图,因此错误“ReferenceError：myChoice未定义”

请告诉我哪里出错了？谢谢.

<ion-list ng-repeat="time in times.months track by $index" ng-click="getMonthId($index)">
  <ion-itemhref="#/dmtimes">{{ time.monthId }} - {{ time.MonthName }
  </ion-item>
</ion-list>

其次,你得到ReferenceError的原因：myChoice没有被定义,因为你从未初始化一个名为myChoice的变量.但是你有一个名为$scope.myChoice的变量.
因此,您应该执行以下操作以在控制台中显示变量：

console.log($scope.myChoice);

$stateProvider
    .state('page',{
           abstract: true,templateUrl: ...,controller: abstractController
    })
    .state('page.index',url: '/page',resolve : {
               resolvedData: function(CONSTANTS){ return CONSTANTS.data;}
           },views: {
               home: {templateUrl: ...,controller: function(resolvedData){
                        ....
                      }
               },list: {templateUrl: ...,edit: {templateUrl: ...,controller: function(resolvedData){
                        ....
                      }
               }
           }
     )

它给我的错误是：错误：[$injector：unpr]未知提供者：resolvedDataProvider< - resolvedData.它有点有趣,因为它只发生在一个视图中而不是其他视图中.

这将是常数：

.factory('CONSTANTS',function() {
    return { data: { name :  "some name",number : "some number"} };
})

同样(只是明确注释DI)状态def：

// States
  $stateProvider
    .state('page',{
      abstract: true,template: '<div>' 
       + '<div ui-view="home"></div>' 
       + '<div ui-view="list"></div></div>',controller: 'abstractController'
    })
    .state('page.index',{
      url: '/page',resolve: {
        resolvedData: ['CONSTANTS',function(CONSTANTS) {
            return CONSTANTS.data;
          }
        ]
      },views: {
        home: {
          templateUrl: 'tpl.html',controller: ['resolvedData','$scope',function(resolvedData,$scope) {
              console.log(resolvedData);
              $scope.resolvedData = resolvedData;
            }
          ],},list: {
          template: '<div>list view</div>'
        }
      }
    })

因此,上面使用的决议草案正在起作用.这是正确的方法……解析函数提供了一些服务…并返回其属性数据.

检查所有here