[angularjs] AngularJS가 처음에는 부분적으로로드 할 수있는 방법이 있습니까?

Angular에 HTML 부분을 연결하고 등록하는 빌드 작업을 추가하십시오 $templateCache. ( 이 답변은 karlgold의 답변에 대한 자세한 변형입니다 . )

에 대한 툴툴 거리는 소리 , 사용 꿀꿀 – 각 템플릿을 . 들어 꿀꺽 , 사용 꿀꺽 – 각도 – templatecache .

아래는 설명 할 구성 / 코드 스 니펫입니다.

gruntfile.js 예 :

ngtemplates: {
  app: {
    src: ['app/partials/**.html', 'app/views/**.html'],
    dest: 'app/scripts/templates.js'
  },
  options: {
    module: 'myModule'
  }
}

gulpfile.js 예 :

var templateCache = require('gulp-angular-templatecache');
var paths = ['app/partials/.html', 'app/views/.html'];

gulp.task('createTemplateCache', function () {
return gulp.src(paths)
    .pipe(templateCache('templates.js', { module: 'myModule', root:'app/views'}))
    .pipe(gulp.dest('app/scripts'));
    });

templates.js (이 파일은 빌드 작업에 의해 자동 생성됨)

$templateCache.put('app/views/main.html', "<div class=\"main\">\r"...

index.html

<script src="app/scripts/templates.js"></script>
<div ng-include ng-controller="main as vm" src="'app/views/main.html'"></div>

답변

<script id="about.html" type="text/ng-template">
<div>
    <h3>About</h3>
    This is the About page
    Its cool!
</div>
</script>

allTplPromise = $http.get('templates/templateBundle.min.html').then(

        $routeProvider.when(
            "/about", {
                controller: "",
                templateUrl: "about.html"
            }
        );