angularjs
八点博客(钏)
专注分享技术交流
展开
-
Angular.js用法(一):快递费计算
1、下载后引入angular.min.js 2、代码如下:<div ng-app="kuaidi" ng-controller="contro"> <p> <input type="text" name="kg" ng-model="kg"> </p> <p> total: <span>{{price()}}</span> </p>原创 2017-06-19 22:16:06 · 949 阅读 · 0 评论 -
Angular.js用法(二):购物车数量加减及总价计算
1、下载后引入angular.min.js 2、代码如下:<h1>计算商品价格</h1><div ng-app="buy" ng-controller="contro"> <p> <button ng-click="decr()">-</button> <input type="text" ng-model="num" readonly>原创 2017-06-19 22:18:51 · 4009 阅读 · 2 评论 -
Angular.js用法(三):ajax获取数据并循环显示
1、本例将示范angularjs的ajax使用和list循环显示功能。 2、本例需要创建两个文件。 (1)news.php<?php$news=[ '人民币贬值', '黄金涨价', '楼市崩盘', ];echo json_encode($news);?>(2)news.html<html> <head><meta charset="utf-8">原创 2017-06-20 21:43:11 · 2200 阅读 · 0 评论 -
Angular.js用法(四):制作省市联动菜单
<html> <head><meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script></head><body><h1>angular联动菜单</h1><form action="" ng-app="liandong" ng-contr原创 2017-06-20 22:05:22 · 565 阅读 · 0 评论