如何将部分加载到视图中?

时间:2014-09-17 13:23:46

标签: angularjs root partial

我正在尝试将部分内容加载到root页面中,到目前为止还没有运气。 我有一个带拇指的促销页面,根据其类型不同而不同:wireframe

它没有加载到rooted页面时工作正常: plunker example

这是我尝试加载部分内容的示例:plunker example 2

myApp.directive('contentItem', function ($compile, $parse) {

    templates = {
      image: 'image.html',
      event: 'event.html',
      article: 'article.html',
      ad: 'ad.html',
      discount: 'discount.html',
      video: 'video.html'

    }

    var linker = function(scope, element, attrs) {
        scope.setUrl = function(){
          return templates[scope.content.content_type];
        }

    }

    return {
        restrict: "E",
        replace: true,
        link: linker,
        scope: {
          content: '='
        },
        templateUrl: 'main.html'
    };
});

请问您如何实现这一目标?

1 个答案:

答案 0 :(得分:0)

你的应用程序存在太多根本性的错误,如果你能看一下js控制台,那么愚蠢的小错误可能需要你5分钟才能解决。

我在这里修复了你的plunker

你已经忘记了JQuery作为一个依赖项,你也忘了定义一个你清楚地使用某些地方的控制器。名单还在继续。