javascript로 각도 js 호출하기

Question

저는 정직하게 anglejs를 처음 접했고 이것은 정말 어리석은 질문처럼 들릴 수도 있습니다. 나는 나의 페이지에 MD-목록을 배치하기 위해 노력하고있어 :

function apply(list){ 
      angular.module('App', ['ngMaterial']).controller('ListCtrl', function($scope, $mdDialog) { 
        $scope.people = list; 
        $scope.goToPerson = function(person, event) { 
         $mdDialog.show(
         $mdDialog.alert() 
          .title('Navigating') 
          .textContent('Inspect ' + person) 
          .ariaLabel('Person inspect demo') 
          .ok('Neat!') 
          .targetEvent(event) 
        ); 
        }; 
       }); 
      } 
     } 

HTML :

<md-list ng-controller="ListCtrl" ng-cloak> 
       <md-subheader class="md-no-sticky">Now online</md-subheader> 
       <md-list-item ng-repeat="person in people" md-ink-ripple ng-click="goToPerson(person.name, $event)" class="noright"> 
        <p style="color:white; border-bottom: 1px solid rgba(225,225,225,.2); height:45px; line-height:45px">{{ person.uuids }}</p> 
        <md-icon md-svg-icon="social:android" aria-label="android "></md-icon> 
       </md-list-item> 
      </md-list> 

도없이 내가 할 수있을 싶어 .. 그것이 작동하지 않는 말을 apply() 함수를 호출하여 md-list를 컴파일하십시오. 일반적으로 페이지 시작에로드해야하지만 그걸 정말로 원하지 않는다면 .. 아무도 도와 줄 수 있습니까?

Answer 1

각도 응용 프로그램을 올바르게 초기화하지 않았을 수도 있습니다. 자동 초기화를 위해 페이지 어딘가에 ng-app="App" 속성 (예 : html body 태그)이 있어야합니다. 그렇지 않으면 각도 어플리케이션을 수동으로 부트 스트랩해야합니다.

각도 응용 프로그램 (자동 또는 수동) 초기화에 대한 자세한 내용은 Angular Docs에서 확인할 수 있습니다.

---

수동 초기화가있는 apply(list)의 버전입니다. 이

function apply(list){ 
    // define the angular module to be initialized 
    angular 
    .module('App', ['ngMaterial']) 
    .controller('ListCtrl', function ($scope, $mdDialog) { 
    $scope.people = list; 
    $scope.goToPerson = function(person, event) { 
     $mdDialog.show(); 
     $mdDialog.alert() 
     .title('Navigating') 
     .textContent('Inspect ' + person) 
     .ariaLabel('Person inspect demo') 
     .ok('Neat!') 
     .targetEvent(event); 
    }; 
    }); 
    // initialize the angular module (this will render the list in the end) 
    angular.element(document).ready(function() { 
    angular.bootstrap(document, ['App']); 
    }); 
}