1. AngularJS学习笔记04 路由

    Ajax的不足

    • Ajax请求不会留下History记录
    • 用户无法直接通过URL进入应用中的指定页面(保存书签、链接分享给朋友)
    • Ajax对SEO是个灾难

    以上是为什么需要前端路由的原因

    路由

    需要自己导入angular-route模块。

    <script src="framework/angular1.3.15/angular.min.js"></script>
    <script src="framework/angular1.3.15/angular-route.min.js"></script>
    <script>
    var bookStoreApp = angular.module('bookStoreApp',
     ['ngRoute', 'bookStoreCtrls']);
    
    bookStoreApp.config(['$routeProvider', function($routeProvider) {
        $routeProvider.when('/hello',{
                templateUrl:'tpls/hello.html',
                controller ...
    Tagged as : Angular Web
  2. AngularJS学习笔记03 双向数据绑定

    内容简介:

    • 简单的例子
    • 取值表达式和ng-bind指令
    • 双向绑定的典型场景-表单
    • 动态切换标签样式
    • ng-show, ng-hide
    • ng-class
    • ngAnimate

    双向数据绑定

    <!DOCTYPE html>
    <html ng-app="UserInfoModule">
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <title>数据绑定</title>
            <link rel="stylesheet" href="stylesheets/bootstrap.min.css">
        </head>
        <body ng-app>
            <div class="panel panel-primary">
                <div class="panel-heading">双向数据绑定</div>
                <div class ...
    Tagged as : Angular Web
  3. AngularJS学习笔记02-路由、模块和依赖注入

    内容简介:

    • AngularJS的模块化实现
    • 一个完整项目结构
    • 使用ngRoute进行视图之间的路由
    • 一切都是从模块开始的
    • ng官方推荐的模块切分方式是什么?
    • 模块之间的依赖该怎么做?--依赖注入

    1. 模块

    模块就是功能的集合

    2. 目录结构

    BookStore
    |-app
        |-css
        |-img
        |-js
            |-app.js
            |-controllers.js
            |-directives.js
            |-filters.js
            |-services.js
        |-framework
        |-tpls//模板
        |-index.html
    |-node_modules
    |-package.json
    

    3. ngRoute进行视图之间的路由

    var bookStoreApp = angular.module('bookStoreApp',
     ['ngRoute', 'ngAnimate', 'bookStoreCtrls', 'BookStoreFilters',
     'bookStoreServices', 'bookStoreDirectives']);
    
    bookStoreApp ...
    Tagged as : Angular Web
  4. AngularJS学习笔记01-MVC

    0. 第一个AngularJs应用

    <!DOCTYPE html>
    <html ng-app>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>AngularJs Demo</title>
        <script src="bower_components/angularjs/angular.min.js"></script>
    </head>
    <body>
        <input type="text" ng-model="name"><br>
        <p>hello, {{name}}</p>
    </body>
    </html>
    

    1. 为什么需要MVC?

    MVC只是手段,终极目标是模块化与复用。

    2. 控制器(ng-controller)

    <body ...
    Tagged as : Angular Web

Page 1 / 1