Question

我的应用程序是使用MVC 4 + AngularJs创建的。

在这个应用程序中，我们使用Bundling来渲染javaScript和css文件，这是按预期工作的。

但对于$routeProvider我们使用templateUrl在运行时加载模板，但页面速度降低了。

因为我创建了以下文件夹结构：

HTML
    Home
       Index.html
       Xyz.html
    Student
       Create.html
       Update.html

我想使用如下的捆绑来渲染这些文件：

  [
    {
      key:"/HTML/Home/Index.html",
      val:"HTML text"
    },
    {
      key:"/HTML/Home/Xyz.html",
      val:"HTML text"
    },
    {
      key:"/HTML/Student/Create.html",
      val:"HTML text"
    },
    {
      key:"/HTML/Student/Update.html",
      val:"HTML text"
    }
]

在这种情况下，我们使用$templatecache并使用值缓存所有键然后我们就可以使用如下：

 $routeProvider.
     when('/Home', {
          template: $templatecache.get("/HTML/Student/Update.html"),
          controller: 'HomeController'
      }).
      when('/planning', {
          template: '$templatecache.get("/HTML/Student/Create.html"),
          controller: 'StudentController'
      }).
      otherwise({
          redirectTo: '/Home'
      });

在初始加载时需要很长时间，之后加载速度很快。


我们如何使用捆绑来渲染模板？

如何将html放入$templatecache（使用服务或其他）？

Angularjs $ routeprovider使用服务配置

0 个答案: