Question

我正在尝试将视图加载到点击事件的div上，但它没有给出任何内容。 “SkillCtrl”

angular.module('myApp')
.controller('SkillCtrl', function ($scope,$location) {
this.awesomeThings = [
  'HTML5 Boilerplate',
  'AngularJS',
  'Karma',

];
 $scope.changeView = function(view)
    {
        console.log($scope);
        $location.path(view); // path not hash
    }
});

并查看文件

<div class="container-narrow" id="experince" ng-app='myApp' ng-controller="SkillCtrl">
<ul class="clearfix">
  <div ng-click = 'changeView("skill_chart")'>Skills</div>
</ul>
<div >

Answer 1

角度路径需要前导/

尝试：

 $location.path('/' + view);

Answer 2

这不是你如何在angular中加载视图到html。如果这是你想要实现的，你应该使用ng-include指令在div中加载外部html模板。 $location.path实际上更改了ng-view指令的呈现内容。

如果要更改ng-view的渲染内容，则需要在配置$routeProvider服务时定义相应的路径。请更具体地说明您要实现的目标，以便我们可以为您提供更相关的解决方案。

编辑：以下是如何在点击时将内容加载到div。

<span ng-click="change('path_to_your_view')">Click To Change</span>
<div ng-include="view"></div>

对于您的控制器：

$scope.change=function(path){
   $scope.view=path;
}

Angular ng-click没有显示任何内容

2 个答案: