展开

关键词

AngularJS driective 封装 自动滚动插件

1.ui-smooth-scroll.js文件内容 angular.module('app') .directive('uiSmoothScroll',...

51580

angularjs自定义指令实现分页插件

由于最近的一个项目使用的是angularjs1.0的版本,涉及到分页查询数据的功能,后来自己就用自定义指令实现了该功能。现在单独做了个简易的小demo,主要是为了分享自己写的分页功能。

798100
  • 广告
    关闭

    老用户专属续费福利

    云服务器CVM、轻量应用服务器1.5折续费券等您来抽!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    AngularJS】—— 1 初识AngularJs

    怀着激动与忐忑的心情,开始了学习AngularJS的旅程,很久之前就听说了这个前端框架,但是由于自己一直没有从事相关的工作,因此也没有进行学习。 这次正好学习AngularJS,直接复习一下前端的知识。目前这里还是弱点,慢慢深入的学习。   AngularJS是Google的优秀的前端框架,目前已经应用于多个产品。    AngularJs相对于其他的框架来说,有一下的特性:   1 MVVM   2 模块化   3 自动化双向数据绑定   4 语义化标签   5 依赖注入   由于很多概念都不了解,这些特性也无法理解。 通过简单的学习,大致了解了AngularJS的语法以及使用,包括如下的内容: 1 表达式   支持普通的JS表达式,表达式通过{{}}使用。 p>姓名:<input type="text" ng-model="firstName">

    你输入的为: {{ firstName }}

      ng-app 定义AngularJS

    26990

    AngularJS

    scope:单个controller的作用域。可以直接在某controller下的页面引用scope下的变量 rootScope:多个controller作...

    27830

    AngularJS】—— 2 初识AngularJs(续)

    前一篇了解了AngularJS的一些简单的使用,这里继续跟着w3c学习一下剩下的内容。    本篇根据w3cschool.cc继续学习AngularJS剩余的内容,包括:   1 事件   2 模块   3 表单   4 数据验证   5 bootstrap CSS风格   6 include包含其他页面 $scope.myVar; }; } </script>   关于AngularJS的模块   模块定义了用户的应用,所有的控制器属于一个模块。之前使用的ng-app就是模块的定义。    src="myCtrl.js"></script> </body>   对于控制器,也可以通过模块来定义声明: <head> <script src="//www.w3cschool.cc/try/<em>angularjs</em> 关于<em>AngularJS</em>表单   表单是web中重要的组成部分,如下面样例所示,可以很方便的获取到form中的数据 <div ng-app="" ng-controller="formController

    33380

    AngularJS XMLHttpRequest

    $http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。 $http.delete $http.jsonp $http.patch 读取 JSON 文件 以下是存储在web服务器上的 JSON 文件: https://www.runoob.com/try/angularjs $http AngularJS $http 是一个用于读取web服务器上数据的服务。 通用方法实例 AngularJS1.5 以上版本 - 实例 var app = angular.module('myApp', []); app.controller('siteCtrl', AngularJS 应用通过 ng-app 定义。应用在

    AngularJs(3)

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

    20320

    AngularJS 模块

    现在你可以在 AngularJS 应用中添加控制器,指令,过滤器等。 完整的指令内容可以参阅 AngularJS 参考手册。 AngularJS 模块让所有函数的作用域在该模块下,避免了该问题。 ---- 什么时候载入库? 在我们的实例中,所有 AngularJS 库都在 HTML 文档的头部载入。 在我们的多个 AngularJS 实例中,您将看到 AngularJS 库是在文档的 <head> 区域被加载。 另一个解决方案是在 <body> 元素中加载 AngularJS 库,但是必须放置在您的 AngularJS 脚本前面: AngularJS 实例 <!

    9120

    angularjs

    最近在开发过程中,发现一个问题,在使用angularjs的ng-repeat遍历过程中,如果遍历的数组中包含相同的项,则会抛错。 如下例: <!

    29331

    AngularJS 事件

    AngularJS 有自己的 HTML 事件指令。 ---- ng-click 指令 ng-click 指令定义了 AngularJS 点击事件。 AngularJS 实例

    AngularJS Bootstrap

    AngularJS 的首选样式表是 Twitter Bootstrap, Twitter Bootstrap 是目前最受欢迎的前端框架。 Bootstrap 你可以在你的 AngularJS 应用中加入 Twitter Bootstrap,你可以在你的 <head>元素中添加如下代码: <link rel="stylesheet" href ="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 以下是一个完整的 HTML 实例, 使用了 AngularJS 指令和 glyphicon-save"> Save Changes </button>

    <script src = "myUsers.js"></script> </body> </html> 指令解析 AngularJS

    11720

    AngularJS API

    ---- AngularJS 全局 API AngularJS 全局 API 用于执行常见任务的 JavaScript 函数集合,如: 比较对象 迭代对象 转换对象 全局 API 函数使用 angular 注意:自 AngularJS 1.7 之后移除 angular.lowercase 和 angular.uppercase 方法, 改为 angular.$$lowercase 和 angular. $$uppercase($scope.x1); }); </script> ​ angular.isString() AngularJS API<div ng-app="myApp" ng-controller

    7010

    AngularJS 路由

    本章节我们将为大家介绍 AngularJS 路由。 AngularJS 路由允许我们通过不同的 URL 访问不同的内容。 通过 AngularJS 可以实现多视图的单页 Web 应用(single page web application,SPA) 注意 Angular1.6 之前的版本是通过# + 标记实现路由。 AngularJS 路由就通过 #! + 标记 帮助我们区分不同的逻辑页面并将不同的页面绑定到对应的控制器上。 DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>AngularJS 路由实例 - 菜鸟教程</title> <script src=" 4、配置 $routeProvider,<em>AngularJS</em> $routeProvider 用来定义路由规则。

    12510

    AngularJS 指令

    AngularJS 通过被称为指令的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀ng-。 ng-app指令初始化一个 AngularJS 应用程序。 ng-init指令初始化应用程序数据。 完整的指令内容可以参阅 AngularJS 参考手册。 AngularJS 实例 在输入框中尝试输入:     姓名:     你输入的为: {{ firstName }} 尝试一下 » ng-app指令告诉 AngularJS, 元素是 AngularJS AngularJS 中的数据绑定,同步了 AngularJS 表达式与 AngularJS 数据。 {{ firstName }}是通过ng-model="firstName"进行同步。

    280100

    初识angularjs

    之前有学习过一段时间的backbone,近期在同事的建议了稍稍的来了解了一下angularjs,和backbone一样,同是比较著名和流行的前端MVC框架。 另外值得一提的是angularjs是由google组织开发的。 一开始看到angularjs的用法时还有些惊艳的,竟然可以这么操作DOM元素,可以说angularjs对html的标签进行了扩充。 另外再说MVC的事情,从目前所了解的angularjs来说,用它来写MVC的代码感觉不是那么清晰,它和DOM结合的如此紧密导致不同的层都要以页面为基础来做。 因为目前还没大量的来使用angularjs进行练习,或者运用到项目中,所以随着以后不断的使用,或许会对angularjs有更深入的认识。 相关资源: angularjs视频教程:http://pan.baidu.com/share/link?

    22920

    AngularJS 表格

    ---- 在表格中显示数据 使用 angular 显示表格是非常简单的: AngularJS 实例 <! angular.module('myApp', []); app.controller('customersCtrl', function($scope, $http) { $http.get("/try/angularjs }} {{ x.Country }} ---- 使用 uppercase 过滤器 使用 uppercase 过滤器转换为大写:  AngularJS >{{ x.Country | uppercase }} ---- 显示序号 ($index) 表格显示序号可以在 中添加 $index:  AngularJS }} {{ x.Name }} {{ x.Country }} ---- 使用 $even 和 $odd AngularJS

    11410

    AngularJS 指令

    AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 ---- AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令初始化一个 AngularJS 应用程序。 完整的指令内容可以参阅 AngularJS 参考手册。 div> 元素是 AngularJS 应用程序 的"所有者"。 AngularJS 中的数据绑定,同步了 AngularJS 表达式与 AngularJS 数据。 {{ firstName }} 是通过 ng-model="firstName" 进行同步。

    12220

    AngularJS 表单

    AngularJS 表单是输入控件的集合。 ---- AngularJS 表单实例 First Name: Last Name: RESET form = {"firstName":"John","lastName":"Doe"} master ---- 实例解析 ng-app 指令定义了 AngularJS 应用。 ng-controller 指令定义了应用控制器。 novalidate 属性在应用中不是必须的,但是你需要在 AngularJS 表单中使用,用于重写标准的 HTML5 验证。

    9520

    扫码关注腾讯云开发者

    领取腾讯云代金券