使用angular写一个hello world

更新时间：2015年01月23日 10:39:59 投稿：hebedich

这篇文章主要介绍了使用angular写一个hello world的方法及示例,需要的朋友可以参考下

angularjs遵循MVC模式，惯例来一个hello world吧

<html ng-app>

<head>

    <script type="text/javascript" src="angular.min.js"></script>

    <script type="text/javascript" src="controllers.js"></script>

</head>

<body>

    <div ng-controller='HelloController'>

        <p>{{greeting.text}}, world</p>

    </div>

</body>

</html>

controllers.js中的内容

复制代码代码如下:

function HelloController($scope) {

    $scope.greeting = { text: "Hello"};

}

MVC写起来很不错的感觉~~

您可能感兴趣的文章:

AngularJS Phonecat实例讲解
这篇文章主要为大家详细介绍了AngularJS Phonecat实例,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-11-11
Angularjs为ng-click事件传递参数
这篇文章主要介绍了Angularjs为ng-click事件传递参数的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-06-06
AngularJS基础 ng-click 指令示例代码
本文介绍AngularJS ng-click 指令,这里整理了ng-click指令的基础知识并且附有简单示例代码和实现效果图,有需要的小伙伴参考下
2016-08-08
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
TinyMCE是一个轻量级的富文本编辑器，相对于CK编辑器更加精简，但必须满足绝大部分场景的需要。这篇文章主要介绍了Angular5整合富文本编辑器TinyMCE（汉化+上传）的相关知识,需要的朋友可以参考下
2020-05-05
angularjs创建弹出框实现拖动效果
这篇文章主要为大家详细介绍了angularjs创建弹出框实现拖动效果的相关资料，angularjs modal模态框创建可拖动的指令，感兴趣的小伙伴们可以参考一下
2016-01-01
AngularJS框架的ng-app指令与自动加载实现方法分析
这篇文章主要介绍了AngularJS框架的ng-app指令与自动加载实现方法,结合实例形式分析了ng-app指令的功能及自动加载机制的实现技巧,需要的朋友可以参考下
2017-01-01
angular4实现带搜索的下拉框
这篇文章主要为大家详细介绍了angular4实现带搜索的下拉框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-03-03
Angular4自制一个市县二级联动组件示例
本篇文章主要介绍了Angular4自制一个市县二级联动组件示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-11-11
angularJS自定义directive之带参方法传递详解
今天小编就为大家分享一篇angularJS自定义directive之带参方法传递详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-10-10
浅谈Angular中ngModel的$render
下面小编就为大家带来一篇浅谈Angular中ngModel的$render。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10