使用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写起来很不错的感觉~~

相关文章

  • Angular中使用响应式表单的详细步骤

    Angular中使用响应式表单的详细步骤

    Angular提供了两种处理表单的方式模板驱动表单和响应式表单(也称为模型驱动表单),使用模板驱动表单时,模板指令被用来构建表单的内部表示,在本文中,您探讨了如何将响应式表单应用于一个示例 Angular 应用程序
    2024-02-02
  • monaco editor在Angular的使用详解

    monaco editor在Angular的使用详解

    这篇文章主要为大家介绍了monaco editor在Angular的使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • Angularjs全局变量被作用域监听的正确姿势

    Angularjs全局变量被作用域监听的正确姿势

    这篇文章主要介绍了Angularjs全局变量被作用域监听的正确姿势的相关资料,需要的朋友可以参考下
    2016-02-02
  • AngularJS模板加载用法详解

    AngularJS模板加载用法详解

    这篇文章主要介绍了AngularJS模板加载用法,结合实例形式详细分析了AngularJS模板加载所涉及的属性、方法、使用技巧与相关注意事项,需要的朋友可以参考下
    2016-11-11
  • Angular父子组件通过服务传参的示例方法

    Angular父子组件通过服务传参的示例方法

    这篇文章主要介绍了Angular父子组件通过服务传参的示例方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • 浅析AngularJS中的指令

    浅析AngularJS中的指令

    指令(Directives)是所有AngularJS应用最重要的部分。尽管AngularJS已经提供了非常丰富的指令,但还是经常需要创建应用特定的指令
    2016-03-03
  • 对angularjs框架下controller间的传值方法详解

    对angularjs框架下controller间的传值方法详解

    今天小编就为大家分享一篇对angularjs框架下controller间的传值方法详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • AngularJS服务service用法总结

    AngularJS服务service用法总结

    这篇文章主要介绍了AngularJS服务service用法,结合实例形式总结分析了服务Service的概念、功能及自定义服务的相关操作技巧,需要的朋友可以参考下
    2016-12-12
  • AngularJS基础 ng-copy 指令实例代码

    AngularJS基础 ng-copy 指令实例代码

    本文主要介绍AngularJS ng-copy 指令,这里帮大家整理了ng-copy指令的基础资料,并附有示例代码和效果图,有需要的朋友参考下
    2016-08-08
  • 在 Angular 中使用Chart.js 和 ng2-charts的示例代码

    在 Angular 中使用Chart.js 和 ng2-charts的示例代码

    本篇文章主要介绍了在 Angular 中使用Chart.js 和 ng2-charts的示例代码,具有一定的参考价值,有兴趣的可以了解一下
    2017-08-08

最新评论