<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

Full Name: {{firstName + " " + lastName}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.firstName = "John";
  $scope.lastName = "Doe";
});
</script>

<p>該實(shí)例演示了如何定義一個(gè)控制器及 scope 的使用。</p>

</body>
</html>

運(yùn)行結(jié)果：

Full Name: John Doe

該實(shí)例演示了如何定義一個(gè)控制器及 scope 的使用。

定義和用法

ng-controller 指令用于為你的應(yīng)用添加控制器。

在控制器中，你可以編寫代碼，制作函數(shù)和變量，并使用 scope 對(duì)象來訪問。

語法

所有 HTML 元素都支持。

參數(shù)值

值	描述
expression	控制器名。

希望能幫助學(xué)習(xí)AngularJS的同學(xué)，后續(xù)繼續(xù)補(bǔ)充相關(guān)知識(shí)。

您可能感興趣的文章:

相關(guān)文章

Angular中的結(jié)構(gòu)指令模式及使用詳解
這篇文章主要為大家介紹了Angular中的結(jié)構(gòu)指令模式及使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
angularJS1 url中攜帶參數(shù)的獲取方法
今天小編就為大家分享一篇angularJS1 url中攜帶參數(shù)的獲取方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-10-10
angular實(shí)現(xiàn)圖片懶加載實(shí)例代碼
本篇文章主要介紹了angular實(shí)現(xiàn)圖片懶加載實(shí)例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-06-06
發(fā)布Angular應(yīng)用至生產(chǎn)環(huán)境的方法
這篇文章主要介紹了發(fā)布Angular應(yīng)用至生產(chǎn)環(huán)境的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-12-12
angularjs實(shí)現(xiàn)Tab欄切換效果
這篇文章主要為大家詳細(xì)介紹了angularjs實(shí)現(xiàn)Tab欄切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
angularjs 緩存的使用詳解
這篇文章主要介紹了angularjs 緩存的使用詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-03-03
Angularjs中使用輪播圖指令swiper
這篇文章主要介紹了Angularjs中使用輪播圖指令swiper的相關(guān)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值 ,需要的朋友可以參考下
2017-05-05
AngularJS路由實(shí)現(xiàn)頁面跳轉(zhuǎn)實(shí)例
這篇文章主要為大家詳細(xì)介紹了AngularJS路由實(shí)現(xiàn)頁面跳轉(zhuǎn)的實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
AngularJS 監(jiān)聽變量變化的實(shí)現(xiàn)方法
今天小編就為大家分享一篇AngularJS 監(jiān)聽變量變化的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-10-10
Angular父組件調(diào)用子組件的方法
組件是一種特殊的指令，使用更簡(jiǎn)單的配置項(xiàng)來構(gòu)建基于組件的應(yīng)用程序架構(gòu).這篇文章主要介紹了Angular組件——父組件調(diào)用子組件方法,需要的朋友可以參考下
2018-04-04