四时宝库

程序员的知识宝库

步入angularjs directive(指令)--准备工作熟悉hasOwnProperty

在讲解directive之前,先做一下准备工作,为何要这样呢?

因为我们不是简单的说说directive怎么用,还要知道为什么这么用!(今天我们先磨磨刀!)。

首先我们讲讲js 基础的知识--hasOwnProperty方法。

先看看一段代码,你知道答案吗?

    var obj={};
    obj.name=null;
    console.log(obj.hasOwnProperty('name'));

Angular.js 搭建简易环境

<!DOCTYPE html>

<html id="ng-app" ng-app="myApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<title></title>

<script>

(function{

 'use strict'; // 严格模式 

 

 var myApp = angular.module('myApp',['IndexModule']) // 定义一个模块 ,子模块会在主模版中引入,主模块会在ng-app里面写入(子模块,在html里面不会出现的。
 // 子模块只是为了功能划分。然后子模块内创建一个个的controller,controller会在页面中引入)
 var IndexModule = angular.module('IndexModule',[]); // 声明一个子模块,子模块会在主模块内引入

 IndexModule.controller('IndexCtrl',['$scope', function($scope){      // 定义一个cortroller ,在页面引用,可以创建多个,采用依赖注入的方式,注入$scope对象

         $scope.title=" 破破美丽的星期六 " // 数据绑定



}

])

})

</script>

</head>

<body ng-controller="IndexCtrl">

         <div class="title">{{title}}</div>

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

</body>
</html>

Angular.js 简单实现数字变汉字

// 1、实现输入数字输出对应汉字,要求使用angularjs,不准使用$watch函数,for循环;提示:ng-change指令

// 定义一个app指令 定义一个controller 指令用于为你的应用添加控制器。在控制器中,你可以编写代码,制作函数和变量,并使用 scope 对象来访问。 数字: // ng-model 指令绑定了 HTML 表单元素到 scope 变量中。 如果 scope 中不存在变量, 将会创建它。 ng-change 事件在值的每次改变时触发

如何对自己尚不熟悉Angular.js的情况下对代码进行调试

【51CTO.com快译】如果大家对AngularJS还不熟悉,那么可能会在初步创建Web应用时对很多问题感到担心。而且尽管这可能已经是我们所能用到的上手难度最低的Web开发框架之一,但大家仍然需要了解一部分重要技巧,从而更为轻松地搞定适应过程。另外,即使是技术水平最高的Web开发人员也都拥有相当长的AngularJS使用经验。然而,只要我们顺利掌握了这些技巧与技能,大家完全能够以尽可能简单的方式打造出自己极具实用性与卓越性的Web应用。

我们首先要做的就是投入时间来学习这些技能与技巧,并最终将其无缝化接入我们的实际使用。下面就一起来了解该如何踏出第一步:

html的web框架,Angular.js 1.3.19发布

近日,Angular.js 1.3.19 发布下载,更新内容如下:

Bug 修复

  • $http:propagate status -1 for timed out requests (f13055a0,#4491,#8756)

  • $location:don't crash if navigating outside the app base (623ce1ad,#11667)

轻视频课程:AngularJS开发框架实用编程入门之一

这个基础课程将介绍知名的Google前端开发框架AngularJS的基础使用,包括:基本概述,数据绑定,指令,表达式,控制器,过滤器等基础内容

课程内容:

AngularJS核心功能

数据绑定:自动同步视图和模式组件的数据

作用域:这些对象参考模式。作为控制器和视图的纽带

控制器:这些JS方法绑定到指定的作用域中

服务:AngularJS带有一些内建的服务,例如,$http来处理XMLHttpRequests. 这些都是Singleton对象,只需要实例化一次

逆袭之路系列-AngularJS 1.2版本编程入门-01

一. 前提

IDE:WebStorm 2019.3.3 x64

Books:AngularJS1.2.CHM

Chrome Plugins:ng-inspector

二. 语法知识点

1. 双向数据绑定

ng-model:双向数据绑定,数据可实现从视图(View)<==>模型(Model)双向流动;

AngularJs入门,一个简单的demo

AngularJs入门,一个简单的demo

基于AngularJS入门与进阶(江荣波 著)这本书的笔记

AngularJS 1.x的demo

AngularJS1.x和Angular2,4,5是不一样的两个东西,构建方式,语法,都很多不同


首先webStrom构建好一个AngularJs项目,默认生成了目录如下,Index.html是我们的主页面。Lib文件夹是库文件,当我们创建一个项目后,大部分情况会把相应的控制器、指令、路由、服务都分别放在独立的文件中,然后在app.js中注入。这里只是初试的目录结构,实际还会修改。

如何利用AngularJS打造一款简单Web应用

目前不同类型的Web开发人员都在广泛使用AngularJS,这套卓越的框架也充分证明了自身满足各类不同需求的能力。作为一名Web开发人员,无论大家是刚刚入门的新手还是已经拥有丰富的实践经验,选择一款优秀的框架都是必要的工作前提,而AngularJS正是这样一套理想的解决方案。在使用AnguarJS的过程中,大家可以同时学习到更多与应用程序开发相关的知识以及如何构建起更出色、更具吸引力的应用成果。如果大家希望在应用程序的创建工作中采取各类最佳实践,那么AngularJS也能够带来极大的助益。总而言之,这套框架的强大功能与特性永远不会让有着应用开发需求的朋友们失望。

<< < 1 2 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接