Question

我是angularjs的新手，想要将我的网络应用程序切换为使用它。我已经成功切换了我的应用程序的一部分，但是我加载了html并将我的事件对象传递给它。我目前使用Handlebarjs和JQuery来构建html。

如何将其切换为使用角度框架？

通过调用REST API检索events对象并将其传递给loadTemplate函数。

var loadTemplate = function(templateType, events) {
        return Q.when($.get("javascripts/templates/" + templateType + ".html"))
            .then(function(template_text) {
                var templateContext = {
                    events: events
                };
                var theTemplate = Handlebars.compile(template_text);
                return $(".container").html(theTemplate(templateContext));      
            });
    };

Answer 1

您可以使用ngInclude加载模板文件。在你的情况下，它将是：

<div ng-include="{{templateUrl}}"></div>

templateUrl将是一个范围变量，您可以将其构造为：

$scope.templateUrl = "javascripts/templates/" + templateType + ".html"

最后，您的模板将包含将被评估和呈现的表达式。

AngularJS - 从文件加载模板并将json数据传递到范围

1 个答案: