使用$ routeProvider进行动态路由和编译角度代码

kjutools

这已经困扰了我好几天了,我无法弄清楚。我有一个网站,该网站在某些时候添加了文章,所以我认为我不必每次添加页面时都更改路由。所以我将其添加到我的项目中:

 $routeProvider.when ('/pages/:page', { templateUrl: 'page.html', controller: 'pageCtrl' });

然后我将其用于pageCtrl:

 app.controller('pageCtrl', function ($scope, $http, $q, $routeParams, $sce, $location) {
  $http.get("partials/" + $routeParams.page + ".html")
  .then(function(ret) {
    $scope.content = $sce.trustAsHtml(ret.data);
  }, function(err) {
    $location.path("/404")
  });
 });

然后在网页上我放了一个

 <div ng-view ng-bind-html="content">{{content}}</div> 

除非我在其中放置角度代码,否则一切都很好。似乎它只会解析常规的html代码,而不解析ng-stuff。我想我应该在某个地方放一个$ compile。但是我尝试了所有我能想到的组合,但是没有用。

我尝试过的事情:

 $scope.content = $compile($sce.trustAsHtml(ret.data))($scope);

 var e=angular.element($sce.trustAsHtml(ret.data));
 c=$compile(e);
 $scope.content = c;
 c($scope);

和其他几个根本什么都没做的..

在视图中添加内容并使angular指令正常工作的正确方法是什么?

新开发者

这应该可以ng-include在您的page.html模板中很好地工作

page.html:

<h1>Page {{name}}</h1>
<div ng-include="contentUrl"></div>

然后,您pageCtrl可以将它们设置为:

app.controller("pageCtrl", function($scope, $routeParams){
  $scope.name = $routeParams.page;
  $scope.contentUrl = $routeParams.page + ".html";
})

这是一个正在工作的小伙子

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用.net core 3.0进行动态编译和运行代码以进行脚本编写

来自分类Dev

使用NGINX进行动态路由

来自分类Dev

使用NGINX进行动态路由

来自分类Dev

使用数据库中的路由进行动态路由

来自分类Dev

使用meteor-autoform和iron:router进行动态路由的问题

来自分类Dev

Ember.Js使用TransitionTo路由进行动态分段

来自分类Dev

在Azure上使用Codedom / CSharpCodeProvider进行动态编译

来自分类Dev

使用Firebase和Dart进行动态搜索

来自分类Dev

使用Grunt Uglify进行动态映射和Concat

来自分类Dev

使用ElasticSearch和Laravel进行动态搜索

来自分类Dev

使用 HTML 和 CSS 进行动态框搜索

来自分类Dev

是否可以使用C#编译器添加PostSharp进行动态编译

来自分类Dev

角度UI路由器和使用动态模板

来自分类Dev

使用.htaccess进行动态URL重写

来自分类Dev

使用Linq进行动态过滤

来自分类Dev

使用$ parse进行动态数组推送

来自分类Dev

如何使用Circe进行动态解码?

来自分类Dev

使用Vuetify进行动态计算

来自分类Dev

使用NodeJS进行动态对象遍历

来自分类Dev

使用Linq进行动态过滤

来自分类Dev

使用.htaccess进行动态URL重写

来自分类Dev

使用Maven进行动态Web项目

来自分类Dev

使用Visual Studio进行动态调试

来自分类Dev

使用 char 进行动态分配

来自分类Dev

使用宏进行动态版本选择

来自分类Dev

使用流星和Aldeed的自动表单进行动态表单泛化和删除

来自分类Dev

使用angularJS ng-repeat和ng-model进行动态多列过滤

来自分类Dev

使用SQL或PL / SQL对来自多个表的列和表名进行动态查询

来自分类Dev

使用MVC和ASP.Net Core进行动态URL重写