Javascript angularjs+；引导，btn在模板中的功能

我正在学习angularjs和bootstrap。 这很简单，但我不知道我做错了什么。 关键是要用一个按钮重新加载页面，但我无法进入函数内部，该函数必须重新加载页面

这是我的component.js

myApp.component（'refreshComponent'{
模板：“刷新”，
控制器：函数刷新控制器（$scope、$element、$attrs）{
var vm=这个；
vm.refresh=函数（）{
log（“如何到达这里？”）
location.reload（）；
}
}
}); 

这是我的index.html

文件

顺便说一句，其他组件正在工作

var myApp=angular.module（'myApp'，[]）
myApp是在date.component.js中初始化的
请确保在组件中添加了
controllerAs:'vm'，
，并
ng click='refresh（）
到
ng click='vm.refresh（）

因此，您的组件应该如下所示：

 myApp.component('refreshComponent', {
    template:"<button class='btn btn-lg  btn-info' ng-click='vm.refresh()' >Refresh </button>",
    controllerAs: 'vm',
    controller: function RefreshController($scope, $element, $attrs) {
      var vm = this;

      vm.refresh = function(){
         console.log("How to get here?")
         location.reload();
      }
    }
  }); 

提示2:

如果要混淆代码，请使用
$inject
避免意外行为：

 myApp.component('refreshComponent', {
    template:"<button class='btn btn-lg  btn-info' ng-click='vm.refresh()' >Refresh </button>",
    controllerAs: 'vm',
    controller: RefreshController
  }); 


function RefreshController($element, $attrs) {
      var vm = this;

      vm.refresh = function(){
         console.log("How to get here?")
         location.reload();
      }
 }

RefreshController.$inject = ['$element', '$attrs'];

myApp.component（'refreshComponent'{
模板：“刷新”，
controllerAs:'vm'，
控制器：刷新控制器
}); 
函数刷新控制器（$element，$attrs）{
var vm=这个；
vm.refresh=函数（）{
log（“如何到达这里？”）
location.reload（）；
}
}
RefreshController.$inject=['$element'，'$attrs']；
确保您在组件中添加了
controllerAs:'vm'，
，并将
ng click='refresh（）
添加到
ng click='vm.refresh（）

因此，您的组件应该如下所示：

 myApp.component('refreshComponent', {
    template:"<button class='btn btn-lg  btn-info' ng-click='vm.refresh()' >Refresh </button>",
    controllerAs: 'vm',
    controller: function RefreshController($scope, $element, $attrs) {
      var vm = this;

      vm.refresh = function(){
         console.log("How to get here?")
         location.reload();
      }
    }
  }); 

提示2:

如果要混淆代码，请使用
$inject
避免意外行为：

 myApp.component('refreshComponent', {
    template:"<button class='btn btn-lg  btn-info' ng-click='vm.refresh()' >Refresh </button>",
    controllerAs: 'vm',
    controller: RefreshController
  }); 


function RefreshController($element, $attrs) {
      var vm = this;

      vm.refresh = function(){
         console.log("How to get here?")
         location.reload();
      }
 }

RefreshController.$inject = ['$element', '$attrs'];

myApp.component（'refreshComponent'{
模板：“刷新”，
controllerAs:'vm'，
控制器：刷新控制器
}); 
函数刷新控制器（$element，$attrs）{
var vm=这个；
vm.refresh=函数（）{
log（“如何到达这里？”）
location.reload（）；
}
}
RefreshController.$inject=['$element'，'$attrs']；
我做到了，但我的声誉不到15，因此不会改变。谢谢你的反馈！声誉低于15的人所投的票会被记录下来，但不会改变公开显示的帖子分数。我做到了，但我的声誉低于15，所以不会改变。谢谢你的反馈！声誉低于15的人所投的票将被记录，但不会改变公开显示的帖子分数。
 myApp.component('refreshComponent', {
    template:"<button class='btn btn-lg  btn-info' ng-click='vm.refresh()' >Refresh </button>",
    controllerAs: 'vm',
    controller: RefreshController
  }); 


function RefreshController($element, $attrs) {
      var vm = this;

      vm.refresh = function(){
         console.log("How to get here?")
         location.reload();
      }
 }

RefreshController.$inject = ['$element', '$attrs'];