샘플 AngularJS 응용 프로그램에 ng-app
태그를 추가하려고합니다.ng-app 이름을 추가하려고해도 응용 프로그램에 예상 된 결과가 제공되지 않습니다.
ng-app="myapplication"
과 같은 이름을 추가하려고하면 웹 페이지가 작동을 멈 춥니 다. 아래 그림과 같이 Hello 다음에 입력란에 입력 한 이름을 출력합니다.
샘플 코드 :
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>First App</title>
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body ng-app="myapplication">
<h1>Sample AJS</h1>
<div >
<p>Enter your Name : <input type="text" ng-model="name"></p>
<p>Hello <span ng-bind = "name"></span> !</p>
</div>
</body>
</html>
내가 ng-app=""
에 ng-app="myapplication"
, 그것은 예상 출력을 제공 교체하십시오.
<div ng-app="myapplication">
와
ng-app
및
<!DOCTYPE html>
<html ng-app="myapplication" >
를 사용하여 시도하지만 웹 페이지는 잘못 갈 수 무엇
ng-app
에 이름을 제공 한 경우 텍스트 상자에 입력 한 이름을 채우기되지 않습니다. 어떤 도움을 주셔서 감사합니다!
IDE는 :
OS WebStorm2016.2 : 윈도우 7
EDIT :
가 <div ng-app="myApp">
에서을 myApp 모듈에 대한 참조가 angular.module('myApp', [])
내지
'use strict';
// Declare app level module which depends on views, and components
angular.module('myApp', [
'ngRoute',
'myApp.view1',
'myApp.view2',
'myApp.version'
]).
config(['$locationProvider', '$routeProvider', function($locationProvider, $routeProvider) {
$locationProvider.hashPrefix('!');
$routeProvider.otherwise({redirectTo: '/view1'});
}]);
당신이 자바 스크립트를 게시 할 수에 파일을 포함? Ng-app는 모듈 이름을 나타냅니다. – hsiung
컨트롤러 코드 및 기타 js 항목은 어디에 있습니까? – Rakeschand
@hsiung app.js 코드 – Stallion