각도를 배우고 있습니다. pluralsight를 통해 작은 예제를 실행하려고했지만 올바른 출력을 렌더링 할 수 없었습니다 .. http://plnkr.co/edit/cYEDSW3FrAKeh1SBjUVN?p=preview HTML
<!DOCTYPE html>
<html ng-app>
<head>
<script data-require="angular.js@*" data-semver="1.3.7" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.7/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="MainController">
<h1>{{text}}</h1>
<div>
<div>First name: {{person.firstName}}</div>
<div>Last name: {{person.lastName}}</div>
<img ng-src="person.imageSrc" title="{{person.firstName}} {{person.lastName}}">
</div>
</body>
</html>
script.js
var MainController = function($scope) {
var person = {
firstName: "Ajay",
lastName: "Sattikar",
imageSrc: "http://odetocode.com/Images/scott_allen_2.jpg"
};
$scope.text = "Hello Angular!";
$scope.person = person;
};
각도 변수가 할당 된 값 대신 일반 텍스트로 표시되는 이유를 알 수 없습니다. 전문가 여러분, 친절하게 도와주세요 ...
코드에서 변경해야 할 몇 가지 사항이 있습니다.
var app = angular.module('app', []);
2 html 요소에 지시문 추가
<html ng-app='app'>
MainController
과 같이 각도 모듈 에 등록해야합니다 .app.controller('MainController', function($scope) {
var person = {
firstName: "Ajay",
lastName: "Sattikar",
imageSrc: "http://odetocode.com/Images/scott_allen_2.jpg"
};
$scope.text = "Hello Angular!";
$scope.person = person;
});
다음은 작동하는 데모입니다-http : //plnkr.co/edit/i9N2OC75EGZwUTDcKtLB ? p=preview
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다