Question

我想使用Angular控制器加载模板。我创造了所需的一切：

routes.config.js
index.component.js
index.config（这是父控制器的配置）
HTML
js controller
与php controller连接

我已经以完全相同的方式创建了模板和控制器，我不知道我做错了什么。有趣的是，当我在浏览器中打开元素选项卡时，我可以看到<statistic-test></statistic-test>标签，并且网址也会发生变化。如果我将<statistic-test></statistic-test>更改为另一个已在另一个控制器中使用的标记，则会加载它。

测试question.component.js

class TestQuestionController{
constructor($scope, $state,$stateParams, $compile, DTOptionsBuilder, DTColumnBuilder, API){
    'ngInject';
    this.API = API
    this.$state = $state

    if ($stateParams.mode) {
      this.mode=$stateParams.mode
    }

     let Statics = API.service('show', API.all('statisticQuestion'))
     this.userlistaction = "app.statisticanswer.userlist"
}
$onInit(){}
}

export const TestQuestionComponent = {
templateUrl: './views/app/components/statistic-question-userlist/test-question.component.html',
controller: TestQuestionController,
controllerAs: 'vm',
bindings: {}
}

我还有一个名为test-question.component.html

的html

routes.config.statistic.question.js

export function RoutesConfigStatisticQuestion ($stateProvider) {
'ngInject'

$stateProvider
.state('app.statisticquestion', {
  url: '/statistic-question',
  data: {
    auth: true
  },
  views: {
    'main@app': {
      template: '<statistic-question></statistic-question>'
    }
  },
  ncyBreadcrumb: {
      label: 'Kérdések statisztika',
  }
})
.state('app.statisticquestion.test', {
  url: '/statistic-test/',
  data: {
    auth: true
  },
  views: {
    'main@app': {
      template: '<statistic-test></statistic-test>'
    }
  },
  params: {
    contentsId : null,
    alerts: null
  },
  ncyBreadcrumb: {
      label: 'Címke szerkesztése',
      parent: 'app.statisticquestion'
  }
})

如果您有任何想法如何解决此问题，请与我分享。

模板不加载角度js

0 个答案: