Angular+Node生成隨機(jī)數(shù)的方法

本文實(shí)例講述了Angular+Node生成隨機(jī)數(shù)的方法。分享給大家供大家參考，具體如下：

屏南ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

以前寫過(guò)一個(gè)PHP生成隨機(jī)數(shù)，然后jquey ajax獲取，再jQuery改變文本的隨機(jī)數(shù)的程序

現(xiàn)在用Angular 和 Node來(lái)重寫一下

Angular的好處是雙向綁定，這樣直接設(shè)置變量，不用再重新設(shè)置了

Node的好處我目前還不是很理解，可以通過(guò)count這個(gè)例子來(lái)說(shuō)明一下Node和PHP的不同之處

當(dāng)然了，最大的好處就是，前后端都可以用JavaScript來(lái)寫了，這樣的話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è)涉及到跨域的問(wèn)題，加上這句話就不是本地的也能訪問(wèn)了，以后要做hybrid APP這時(shí)必須要用的
然后就是生成一個(gè)隨機(jī)數(shù)了，關(guān)鍵是count這個(gè)變量，后面執(zhí)行的時(shí)候每訪問(wèn)一次，它都不一樣，說(shuō)明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訪問(wèn)

PS：這里再為大家提供兩款功能類似的在線工具供大家參考：

在線隨機(jī)數(shù)字/字符串生成工具：
http://tools.jb51.net/aideddesign/suijishu

高強(qiáng)度密碼生成器：
http://tools.jb51.net/password/CreateStrongPassword

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。

本文題目：Angular+Node生成隨機(jī)數(shù)的方法
分享路徑：http://www.rwnh.cn/article8/ihjjip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)站策劃、云服務(wù)器、關(guān)鍵詞優(yōu)化、外貿(mào)網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

Angular+Node生成隨機(jī)數(shù)的方法