Angular js控制器未在页面上加载 [英] Angular js controller is not loading on page
本文介绍了Angular js控制器未在页面上加载的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试使用我的控制器..但数据不反映在页面上
I am trying to use my controller .. but data isnt reflecting on page
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Controller Example</title>
<link type="text/css" href="css/foundation.css" rel="stylesheet" />
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div ng-app="">
<div ng-controller="firstCtrl">
<h1>{{data.message+" World"}}</h1>
<div class="{{data.message}}">
Wrap me with a foundation componenet
</div>
</div>
</div>
<script type="text/javascript" src="js/angular.js"></script>
</body>
</html>
function firstCtrl($scope) {
$scope.data = { message: "Hello" };
}
这样的消息
{{data.message +World}}
用基础组件包裹我
its displying like this
{{data.message+" World"}}
Wrap me with a foundation componenet
推荐答案
scope）{
scope.data = {message： 你好};
}
scope.data = { message: "Hello" }; }
这样的消息
{{data.message +World}}
用基础组件包裹我
its displying like this
{{data.message+" World"}}
Wrap me with a foundation componenet
更好您可以在定义AngularJs应用程序之前放置AngularJs文件
Better you could place your AngularJs file before define your AngularJs Application
<head>
<script type="text/javascript" src="js/angular.js"></script>
</head>
如果不使用这个
if not use this
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
而不是你的AngularJs文件
样本：
instead of your AngularJs file
Sample:
<html>
<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>
<body>
<div ng-app="">
<div ng-controller="firstCtrl">
<h1>{{data.message+" World"}}</h1>
<div class="{{data.message}}">
Wrap me with a foundation componenet
</div>
</div>
</div>
<script>
function firstCtrl(
这篇关于Angular js控制器未在页面上加载的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
