本文實(shí)例講述了Angular+Node生成隨機(jī)數(shù)的方法。分享給大家供大家參考，具體如下：
以前寫過一個(gè)PHP生成隨機(jī)數(shù)，然后jquey ajax獲取，再jQuery改變文本的隨機(jī)數(shù)的程序
現(xiàn)在用Angular 和 Node來重寫一下
Angular的好處是雙向綁定，這樣直接設(shè)置變量，不用再重新設(shè)置了
Node的好處我目前還不是很理解，可以通過count這個(gè)例子來說明一下Node和PHP的不同之處
當(dāng)然了，最大的好處就是，前后端都可以用JavaScript來寫了，這樣的話Javascript的水平就會(huì)大幅提高！
Node
app.js
var express = require('express');var app = express();var count = 0;app.get('/', function (req, res) { res.header('Access-Control-Allow-Origin', '*'); var x = Math.floor(Math.random() * 1e6); res.send(String(x)); console.log(count++);});app.listen(3000, function () { console.log('Example app listening on port 3000!');});res.header('Access-Control-Allow-Origin', '*');這個(gè)涉及到跨域的問題，加上這句話就不是本地的也能訪問了，以后要做hybrid APP這時(shí)必須要用的
然后就是生成一個(gè)隨機(jī)數(shù)了，關(guān)鍵是count這個(gè)變量，后面執(zhí)行的時(shí)候每訪問一次，它都不一樣，說明Node是常駐內(nèi)存的，不想PHP，加載完了事
Angular
<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body> <div ng-app="myApp" ng-controller="customersCtrl"> {{names}} <button ng-click="myClick()">獲取簽到碼</button> </div> <script> var app = angular.module('myApp', []);app.controller('customersCtrl', function($scope, $http) { $scope.myClick = function(){ $http.get("http://localhost:3000").success(function (response) {$scope.names = response;}); }}); </script></body></html>有一些概念：
module
ng-app 模塊，目前的理解是模塊化
Controller
ng-controller 控制器 是個(gè) 對(duì)象
對(duì)象包含成員，用$scope訪問
PS：這里再為大家提供兩款功能類似的在線工具供大家參考：
在線隨機(jī)數(shù)字/字符串生成工具：
http://tools.VeVB.COm/aideddesign/suijishu
高強(qiáng)度密碼生成器：
http://tools.VeVB.COm/password/CreateStrongPassword
更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》
希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
