<tr id="kqm0u"></tr>
  • <button id="kqm0u"></button>
    \n       \n       \n           \n           \n           

    {{username}}<\/p>\n           <\/p>\n       <\/p>\n    <\/body>\n<\/html><\/pre><\/p><\/td><\/tr><\/tbody><\/table>

    <\/p>

    #ng-app=」」匿名應(yīng)用模組,一般要寫名字,方便後面初始化<\/span>ng-model:自動(dòng)綁定<\/p>表單元素

    的value的值到Angularjs內(nèi)部變數(shù)中。 <\/p>

    ng-bind:作用等同於表達(dá)式,但用法不同。一般用於綁定非表單元素,用來(lái)顯示變數(shù)的。 <\/p>

    ng-bind和{{}}差異:前者會(huì)將標(biāo)籤的子標(biāo)籤的所有內(nèi)容替換為變數(shù)的內(nèi)容,而後者只是在目前位置顯示變數(shù)的內(nèi)容。 <\/h2>

    基於模組化的MVC(MVVM)<\/p>

    檢視:主要指HTML靜態(tài)頁(yè)面資料標(biāo)籤,主要是用來(lái)顯示。 <\/p>

    模型:主要只填入視圖的、邏輯處理的一些資料。例如json、變數(shù)<\/p>

    控制:一些js程式碼,寫邏輯。主要是取得模型、填滿視圖、從視圖取得資料、填入模型。 <\/p>

    m和vm的轉(zhuǎn)換:<\/p>

    例如變數(shù):<\/p>

    var username=”XiaoQi”;\n$scope.username=username;<\/pre>

    vm的變數(shù)其實(shí)就是綁定到全域變數(shù)$scope中屬性。 <\/span><\/p>頁(yè)面上:{{username}}

    <\/span><\/p>注意:Angularjs變數(shù)在頁(yè)面上不能加$scope。

    <\/p>

    如果是定時(shí)器等內(nèi)部js改變了變量,那麼預(yù)設(shè)情況下Angularjs不能實(shí)現(xiàn)雙向資料的綁定顯示,需要使用$.digest強(qiáng)制通知(刷新)<\/p>

    #頁(yè)面開啟時(shí)初始化內(nèi)容範(fàn)例:

    \n\n    \n       \n       <\/title>\n       <!--引入Angularjs-->\n       
    	
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <script>var V_PATH="/";window.onerror=function(){ return true; };</script>
    </head>
    
    <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
    <h1><a href="http://ipnx.cn/">亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱</a></h1>
    	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
    <header>
        <div   id="wjcelcm34c"   class="head">
            <div   id="wjcelcm34c"   class="haed_left">
                <div   id="wjcelcm34c"   class="haed_logo">
                    <a href="http://ipnx.cn/zh-tw/" title="" class="haed_logo_a">
                        <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                    </a>
                </div>
                <div   id="wjcelcm34c"   class="head_nav">
                    <div   id="wjcelcm34c"   class="head_navs">
                        <a href="javascript:;" title="社群" class="head_nava head_nava-template1">社群</a>
                        <div   class="wjcelcm34c"   id="dropdown-template1" style="display: none;">
                            <div   id="wjcelcm34c"   class="languagechoose">
                                <a href="http://ipnx.cn/zh-tw/article.html" title="文章" class="languagechoosea on">文章</a>
                                <a href="http://ipnx.cn/zh-tw/faq/zt" title="合集" class="languagechoosea">合集</a>
                                <a href="http://ipnx.cn/zh-tw/wenda.html" title="問答" class="languagechoosea">問答</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="wjcelcm34c"   class="head_navs">
                        <a href="javascript:;" title="學(xué)習(xí)" class="head_nava head_nava-template1_1">學(xué)習(xí)</a>
                        <div   class="wjcelcm34c"   id="dropdown-template1_1" style="display: none;">
                            <div   id="wjcelcm34c"   class="languagechoose">
                                <a href="http://ipnx.cn/zh-tw/course.html" title="課程" class="languagechoosea on">課程</a>
                                <a href="http://ipnx.cn/zh-tw/dic/" title="程式設(shè)計(jì)字典" class="languagechoosea">程式設(shè)計(jì)字典</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="wjcelcm34c"   class="head_navs">
                        <a href="javascript:;" title="工具庫(kù)" class="head_nava head_nava-template1_2">工具庫(kù)</a>
                        <div   class="wjcelcm34c"   id="dropdown-template1_2" style="display: none;">
                            <div   id="wjcelcm34c"   class="languagechoose">
                                <a href="http://ipnx.cn/zh-tw/toolset/development-tools" title="開發(fā)工具" class="languagechoosea on">開發(fā)工具</a>
                                <a href="http://ipnx.cn/zh-tw/toolset/website-source-code" title="網(wǎng)站源碼" class="languagechoosea">網(wǎng)站源碼</a>
                                <a href="http://ipnx.cn/zh-tw/toolset/php-libraries" title="PHP 函式庫(kù)" class="languagechoosea">PHP 函式庫(kù)</a>
                                <a href="http://ipnx.cn/zh-tw/toolset/js-special-effects" title="JS特效" class="languagechoosea on">JS特效</a>
                                <a href="http://ipnx.cn/zh-tw/toolset/website-materials" title="網(wǎng)站素材" class="languagechoosea on">網(wǎng)站素材</a>
                                <a href="http://ipnx.cn/zh-tw/toolset/extension-plug-ins" title="擴(kuò)充插件" class="languagechoosea on">擴(kuò)充插件</a>
                            </div>
                        </div>
                    </div>
    
                    <div   id="wjcelcm34c"   class="head_navs">
                        <a href="http://ipnx.cn/zh-tw/ai" title="AI工具" class="head_nava head_nava-template1_3">AI工具</a>
                    </div>
    
                    <div   id="wjcelcm34c"   class="head_navs">
                        <a href="javascript:;" title="休閒" class="head_nava head_nava-template1_3">休閒</a>
                        <div   class="wjcelcm34c"   id="dropdown-template1_3" style="display: none;">
                            <div   id="wjcelcm34c"   class="languagechoose">
                                <a href="http://ipnx.cn/zh-tw/game" title="遊戲下載" class="languagechoosea on">遊戲下載</a>
                                <a href="http://ipnx.cn/zh-tw/mobile-game-tutorial/" title="遊戲教程" class="languagechoosea">遊戲教程</a>
    
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                        <div   id="wjcelcm34c"   class="head_search">
                    <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('zh-tw')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                    <a href="javascript:;" title="搜尋"  onclick="searchs('zh-tw')"><img src="/static/imghw/find.png" alt="搜尋"></a>
                </div>
                    <div   id="wjcelcm34c"   class="head_right">
                <div   id="wjcelcm34c"   class="haed_language">
                    <a href="javascript:;" class="layui-btn haed_language_btn">繁體中文<i class="layui-icon layui-icon-triangle-d"></i></a>
                    <div   class="wjcelcm34c"   id="dropdown-template" style="display: none;">
                        <div   id="wjcelcm34c"   class="languagechoose">
                                                    <a href="javascript:setlang('zh-cn');" title="簡(jiǎn)體中文" class="languagechoosea">簡(jiǎn)體中文</a>
                                                    <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                    <a href="javascript:;" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                    <a href="javascript:setlang('ja');" title="日本語(yǔ)" class="languagechoosea">日本語(yǔ)</a>
                                                    <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                    <a href="javascript:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a>
                                                    <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                    <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                                </div>
                    </div>
                </div>
                <span id="wjcelcm34c"    class="head_right_line"></span>
                                <div style="display: block;" id="login" class="haed_login ">
                        <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                    </div>
                    <div style="display: block;" id="reg" class="head_signup login">
                        <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                    </div>
                
            </div>
        </div>
    </header>
    
    	
    	<main>
    		<div   id="wjcelcm34c"   class="Article_Details_main">
    			<div   id="wjcelcm34c"   class="Article_Details_main1">
    							<div   id="wjcelcm34c"   class="Article_Details_main1L">
    					<div   id="wjcelcm34c"   class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
    						<div   id="wjcelcm34c"   class="Article_Details_main1L1">目錄</div>
    						<div   id="wjcelcm34c"   class="Article_Details_main1L2" id="Article_Details_main1L2">
    							<!-- 左側(cè)懸浮,文章定位標(biāo)題1 id="Article_Details_main1L2s_1"-->
    															<div   id="wjcelcm34c"   class="Article_Details_main1L2s ">
    									<a href="#strong-關(guān)鍵點(diǎn)-strong" title="<strong>關(guān)鍵點(diǎn):</strong>" ><strong>關(guān)鍵點(diǎn):</strong></a>
    								</div>
    																<div   id="wjcelcm34c"   class="Article_Details_main1L2s ">
    									<a href="#strong-雙向資料綁定-strong" title="<strong>雙向資料綁定</strong>" ><strong>雙向資料綁定</strong></a>
    								</div>
    																<div   id="wjcelcm34c"   class="Article_Details_main1L2s ">
    									<a href="#ng-bind和-差異-前者會(huì)將標(biāo)籤的子標(biāo)籤的所有內(nèi)容替換為變數(shù)的內(nèi)容-而後者只是在目前位置顯示變數(shù)的內(nèi)容" title="ng-bind和{{}}差異:前者會(huì)將標(biāo)籤的子標(biāo)籤的所有內(nèi)容替換為變數(shù)的內(nèi)容,而後者只是在目前位置顯示變數(shù)的內(nèi)容。 " >ng-bind和{{}}差異:前者會(huì)將標(biāo)籤的子標(biāo)籤的所有內(nèi)容替換為變數(shù)的內(nèi)容,而後者只是在目前位置顯示變數(shù)的內(nèi)容。 </a>
    								</div>
    														</div>
    					</div>
    				</div>
    							<div   id="wjcelcm34c"   class="Article_Details_main1M">
    					<div   id="wjcelcm34c"   class="phpgenera_Details_mainL1">
    						<a href="http://ipnx.cn/zh-tw/" title="首頁(yè)"
    							class="phpgenera_Details_mainL1a">首頁(yè)</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    												<a href="http://ipnx.cn/zh-tw/web-designer.html"
    							class="phpgenera_Details_mainL1a">web前端</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    												<a href="http://ipnx.cn/zh-tw/js-tutorial.html"
    							class="phpgenera_Details_mainL1a">js教程</a>
    						<img src="/static/imghw/top_right.png" alt="" />
    						<span>AngularJS基礎(chǔ)入門介紹</span>
    					</div>
    					
    					<div   id="wjcelcm34c"   class="Articlelist_txts">
    						<div   id="wjcelcm34c"   class="Articlelist_txts_info">
    							<h1 class="Articlelist_txts_title">AngularJS基礎(chǔ)入門介紹</h1>
    							<div   id="wjcelcm34c"   class="Articlelist_txts_info_head">
    								<div   id="wjcelcm34c"   class="author_info">
    									<a href="http://ipnx.cn/zh-tw/member/99200.html"  class="author_avatar">
    									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/099/200/5c9c6d83e507f638.jpg" src="/static/imghw/default1.png" alt="零到壹度">
    									</a>
    									<div   id="wjcelcm34c"   class="author_detail">
    																			<a href="http://ipnx.cn/zh-tw/member/99200.html" class="author_name">零到壹度</a>
                                    										</div>
    								</div>
                    			</div>
    							<span id="wjcelcm34c"    class="Articlelist_txts_time">Apr 21, 2018 am	 10:37 AM</span>
    															<div   id="wjcelcm34c"   class="Articlelist_txts_infos">
    																			<span id="wjcelcm34c"    class="Articlelist_txts_infoss on">angularjs</span>
    																	</div>
    														
    						</div>
    					</div>
    					<hr />
    					<div   id="wjcelcm34c"   class="article_main php-article">
    						<div   id="wjcelcm34c"   class="article-list-left detail-content-wrap content">
    						<ins class="adsbygoogle"
    							style="display:block; text-align:center;"
    							data-ad-layout="in-article"
    							data-ad-format="fluid"
    							data-ad-client="ca-pub-5902227090019525"
    							data-ad-slot="3461856641">
    						</ins>
    						
    
    					<p>這篇文章介紹的內(nèi)容是關(guān)於<a href="http://ipnx.cn/course/list/20.html" target="_blank">angularjs</a>基礎(chǔ)入門介紹,有著一定的參考價(jià)值,現(xiàn)在分享給大家,有需要的朋友可以參考一下。 <br></p>
    <h2 id="strong-關(guān)鍵點(diǎn)-strong"><strong>關(guān)鍵點(diǎn):</strong></h2>
    <p>?前端JS框架:封裝了使用JS開發(fā)前端重複功能,擴(kuò)展了HTML,主要用於頁(yè)面操作和顯示。 </p>
    <p>核心:MVC、模組化、雙向資料綁定、依賴注入、語(yǔ)義化標(biāo)籤、表達(dá)式等。 【相關(guān)影片教學(xué)推薦:<a href="http://ipnx.cn/course/list/20.html" target="_blank">angularjs影片教學(xué)</a>】</p>
    <h2 id="strong-雙向資料綁定-strong"><strong>雙向資料綁定</strong></h2>
    <p>引入相關(guān)js檔案</p>
    <table border="1"><tbody><tr class="firstRow"><td valign="top" style="word-break: break-all;"> <p style="text-align:left;"><br>#<pre class='brush:php;toolbar:false;'><!DOCTYPE html>
    <html>
        <head>
           <meta charset="UTF-8">
           <title></title>
           <!--引入Angularjs-->
           <script type="text/javascript" src="../js/angular.min.js" ></script>
        </head>
        <body>
           <!--匿名應(yīng)用模塊-->
           <p ng-app="">
               <input ng-model="username" name="username"/>
               <input ng-model="username"/>
               <p>{{username}}</p>
               <p ng-bind="username"></p>
           </p>
        </body>
    </html></pre></p></td></tr></tbody></table><p></p><p>#ng-app=」」匿名應(yīng)用模組,一般要寫名字,方便後面初始化<span style="background:#FFFF00;"></span>ng-model:自動(dòng)綁定</p>表單元素<p>的value的值到Angularjs內(nèi)部變數(shù)中。 </p><p>ng-bind:作用等同於表達(dá)式,但用法不同。一般用於綁定非表單元素,用來(lái)顯示變數(shù)的。 </p><h2 id="ng-bind和-差異-前者會(huì)將標(biāo)籤的子標(biāo)籤的所有內(nèi)容替換為變數(shù)的內(nèi)容-而後者只是在目前位置顯示變數(shù)的內(nèi)容">ng-bind和{{}}差異:前者會(huì)將標(biāo)籤的子標(biāo)籤的所有內(nèi)容替換為變數(shù)的內(nèi)容,而後者只是在目前位置顯示變數(shù)的內(nèi)容。 </h2><p>基於模組化的MVC(MVVM)</p><p>檢視:主要指HTML靜態(tài)頁(yè)面資料標(biāo)籤,主要是用來(lái)顯示。 </p><p>模型:主要只填入視圖的、邏輯處理的一些資料。例如json、變數(shù)</p><p>控制:一些js程式碼,寫邏輯。主要是取得模型、填滿視圖、從視圖取得資料、填入模型。 </p><p>m和vm的轉(zhuǎn)換:</p><p>例如變數(shù):</p><pre class='brush:php;toolbar:false;'>var username=”XiaoQi”;
    $scope.username=username;</pre><p>vm的變數(shù)其實(shí)就是綁定到全域變數(shù)$scope中屬性。 <span style="background-color:rgb(255,255,51);"></span></p>頁(yè)面上:{{username}}<p><span style="background-color:rgb(255,255,51);"></span></p>注意:Angularjs變數(shù)在頁(yè)面上不能加$scope。 <p></p><p>如果是定時(shí)器等內(nèi)部js改變了變量,那麼預(yù)設(shè)情況下Angularjs不能實(shí)現(xiàn)雙向資料的綁定顯示,需要使用$.digest強(qiáng)制通知(刷新)</p><table border="1">#頁(yè)面開啟時(shí)初始化內(nèi)容範(fàn)例:<tbody><tr class="firstRow"><td valign="top" style="word-break: break-all;"><p style="text-align:left;"><span style="color:#47565F;"><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
    <html>
        <head>
           <meta charset="UTF-8">
           <title></title>
           <!--引入Angularjs-->
           <script type="text/javascript" src="../js/angular.min.js" ></script>
        </head>
        <body>
           <!--<p ng-app="myApp" ng-controller="myCtrl"  ng-init="username=&#39;Jack&#39;">-->
           
           <p ng-app="myApp" ng-controller="myCtrl">
               
               <input ng-model="username"/>
               <p>{{username}}</p>
           </p>
           
           <!--控制器-->
           <script type="text/javascript">
               //初始化應(yīng)用模塊
               //參數(shù)1:應(yīng)用模塊的名字
               //參數(shù)2:使用擴(kuò)展模塊,這里沒有
               var myApp=angular.module("myApp",[]);
               //初始化控制器:認(rèn)為控制器綁定了一堆js
               //參數(shù)1:控制器的名字
               //參數(shù)2:js函數(shù)
               myApp.controller("myCtrl",["$scope",function ($scope) {
                  //初始化變量
                  $scope.username="XiaoQi";
                  //可以寫任何的js
               }]);
               
           </script>
        </body>
    </html></pre></span><br/></p></td></tr></tbody></table><p><span style="background-color:rgb(255,255,51);"><br/></span></p><p><span style="background-color:rgb(255,255,51);"></span></p><p><span style="background-color:rgb(255,255,51);"></span></p><h2></h2><p><br/><img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/099/200/7aad6de16d395f13036111b576672957-0.png"  class="lazy" alt=""/><br/><br/>#注意:</p><h2></h2><table border="1">#如果定義了有名字的應(yīng)用模組和控制器,那麼必須使用js初始化它! <tbody><tr class="firstRow"><td valign="top">依賴注入DI<p   style="max-width:90%"><span style="color:#47565F;"></span><br/></p></td></tr></tbody>#按鈕事件綁定</table><h2></h2><table border="1"><tbody><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
    <html>
        <head>
           <meta charset="UTF-8">
           <title></title>
           <!--引入Angularjs-->
           <script type="text/javascript" src="../js/angular.min.js" ></script>
        </head>
        <body>
           <!--視圖-->
           <p ng-app="myApp" ng-controller="myCtrl">
               <input ng-model="username"/>
               <input type="button" value="清空數(shù)據(jù)1" ng-click="clearMsg()"/>
               <input type="button" value="清空數(shù)據(jù)2" ng-click="username=&#39;&#39;"/>
               <p>Hello {{username}}</p>
           </p>
           <!--控制器-->
           <script type="text/javascript">
               //初始化應(yīng)用模塊
               var myApp=angular.module("myApp",[]);
               //初始化控制器
               myApp.controller("myCtrl",["$scope",function($scope){
                  //初始化一個(gè)angularjs的事件
                  $scope.clearMsg=function(){
                      //清空數(shù)據(jù)
                      $scope.username="";
                  };
               }]);
           </script>
        </body>
    </html></pre><tr class="firstRow"><td valign="top" style="word-break: break-all;"><p style="text-align:left;"><span style="color:#47565F;"></span></p></td></tr></tbody></table>#重複遍歷<p></p><h2><br/></h2><h2></h2><p></p><p>##重複遍歷</p><p></p><p> </p><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
    <html>
        <head>
           <meta charset="UTF-8">
           <title></title>
           <!--引入Angularjs-->
           <script type="text/javascript" src="../js/angular.min.js" ></script>
        </head>
        <body>
           <!--視圖-->
           <p ng-app="myApp" ng-controller="myCtrl">
               <table border="1">
                  <tr>
                      <th>序號(hào)</th>
                      <th>商品編號(hào)</th>
                      <th>商品名稱</th>
                      <th>商品價(jià)格</th>
                  </tr>
                  <tr ng-repeat="product in  products">
                      <td>{{$index+1}}</td>
                      <td>{{product.id}}</td>
                      <td>{{product.name}}</td>
                      <td>{{product.price}}</td>
                  </tr>
               </table>
           </p>
           <!--控制器-->
           <script type="text/javascript">
               angular.module("myApp",[])
               .controller("myCtrl",["$scope",function($scope){
                  //json數(shù)組
                  $scope.products=[
                      {"id":1001,"name":"電視機(jī)","price":998},
                      {"id":1002,"name":"洗衣機(jī)","price":988898}
                  ];
               }])
            </script>
        </body>
    </html></pre><p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/099/200/7aad6de16d395f13036111b576672957-1.png"  class="lazy" alt=""/><br/></p><p></p><p></p><table border="1">#product:隨便寫,每次遍歷時(shí)的臨時(shí)angularjs的對(duì)象,這裡指每一個(gè)json物件。 <tbody><tr class="firstRow"><td valign="top"   style="max-width:90%"></td></tr>路由機(jī)制</tbody></table>之前:include包含頁(yè)面,只是重複使用頁(yè)面,但重複使用後的頁(yè)面也是整體刷新的。 <table border="1"><tbody>透過(guò)angularjs的路由,可以實(shí)現(xiàn),部分刷新,實(shí)現(xiàn)重複的頭和尾可以不刷新。而且多視圖單頁(yè)面效果。 <tr class="firstRow"><td valign="top" style="word-break: break-all;">底層實(shí)作:透過(guò)html中#(錨點(diǎn))來(lái)實(shí)現(xiàn)的。 </td></tr>官方範(fàn)例:</tbody></table><p><br/></p><p>寫法:url # 子路徑(要在中間顯示的)</p><p>引入路由模組: </p><p><br/><br/></p><pre class='brush:php;toolbar:false;'><!--引入路由模塊-->
           <script type="text/javascript"  src="../js/angular-route.min.js"  ></script></pre><p><span style="font-size: 16px;"></span></p><p><a  target="_self"></a></p>#<pre class='brush:php;toolbar:false;'><!DOCTYPE html>
    <html>
        <head>
           <meta charset="UTF-8">
           <title></title>
           <!--引入Angularjs-->
           <script type="text/javascript" src="../js/angular.min.js" ></script>
           <!--引入路由模塊-->
           <script type="text/javascript" src="../js/angular-route.min.js" ></script>
        </head>
        <body>
           <p ng-app="myApp">
               <p>===========我是頭<br />
                  <a href="#/">首頁(yè)</a>
                  <a href="#/computer">電腦分類</a>
                  <a href="#/money">財(cái)務(wù)管理</a>
               </p>
               <!--路由中的包含的頁(yè)面的顯示,只能有一個(gè)元素-->
               <p ng-view></p>
               
               <p>==========我是腳</p>
               
           </p>
        
        
           <!--控制器-->
           <script type="text/javascript">
               angular.module("myApp",[&#39;ngRoute&#39;])
               //angularjs的配置,在配置中配置路由內(nèi)容
               .config([&#39;$routeProvider&#39;, function($routeProvider){
                    $routeProvider
                    //template中支持html標(biāo)簽
                       .when(&#39;/&#39;,{template:&#39;這是<h1>首頁(yè)頁(yè)面</h1>&#39;})
                       //.when(&#39;/computer&#39;,{template:&#39;這是電腦分類頁(yè)面&#39;})
                       .when(&#39;/computer&#39;,{templateUrl:&#39;computer.html&#39;})
                       .when(&#39;/money&#39;,{template:&#39;這是財(cái)務(wù)頁(yè)面&#39;})
                       //如果都匹配不上,則跳轉(zhuǎn)到一個(gè)頁(yè)面
                       .otherwise({redirectTo:&#39;/&#39;});
               }]);
           </script>
        </body>
    </html></pre></p>
    <p><a  target="_self"></a> </p>
    <p><a  target="_self">ng-view:用來(lái)顯示路由的結(jié)果的內(nèi)容</a></p>when:判斷語(yǔ)句<p><a href="http://ipnx.cn/js-tutorial-367409.html" target="_blank" textvalue="angular入門教程">template:html的結(jié)果,支援html標(biāo)籤</a></p>templateUrl:支援載入另外的頁(yè)面###############相關(guān)推薦:############AngularJS所有版本下載######## #####AngularJS學(xué)習(xí)總結(jié)############angularjs和angular4的差異。為什麼要使用angular4############angular入門教學(xué)######</td></tr></tbody></table><p>以上是AngularJS基礎(chǔ)入門介紹的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!</p>
    
    
    						</div>
    					</div>
    					<div   id="wjcelcm34c"   class="wzconShengming_sp">
    						<div   id="wjcelcm34c"   class="bzsmdiv_sp">本網(wǎng)站聲明</div>
    						<div>本文內(nèi)容由網(wǎng)友自願(yuàn)投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請(qǐng)聯(lián)絡(luò)admin@php.cn</div>
    					</div>
    				</div>
    
    				<ins class="adsbygoogle"
         style="display:block"
         data-ad-format="autorelaxed"
         data-ad-client="ca-pub-5902227090019525"
         data-ad-slot="2507867629"></ins>
    
    
    
    				<div   id="wjcelcm34c"   class="AI_ToolDetails_main4sR">
    
    
    				<ins class="adsbygoogle"
            style="display:block"
            data-ad-client="ca-pub-5902227090019525"
            data-ad-slot="3653428331"
            data-ad-format="auto"
            data-full-width-responsive="true"></ins>
        
    
    
    					<!-- <div   id="wjcelcm34c"   class="phpgenera_Details_mainR4">
    						<div   id="wjcelcm34c"   class="phpmain1_4R_readrank">
    							<div   id="wjcelcm34c"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>熱門文章</h2>
    							</div>
    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 週前</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/1796833110.html" title="<??>:在森林裡99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>:在森林裡99夜 - 所有徽章以及如何解鎖</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>3 週前</span>
    										<span>By DDD</span>
    									</div>
    								</div>
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程(2025年7月)" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程(2025年7月)</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 週前</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>3 週前</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/1796831905.html" title="Windows安全是空白或不顯示選項(xiàng)" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項(xiàng)</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 週前</span>
    										<span>By 下次還敢</span>
    									</div>
    								</div>
    														</div>
    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_more">
    								<a href="http://ipnx.cn/zh-tw/article.html">顯示更多</a>
    							</div>
    						</div>
    					</div> -->
    
    
    											<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3">
    							<div   id="wjcelcm34c"   class="phpmain1_4R_readrank">
    								<div   id="wjcelcm34c"   class="phpmain1_4R_readrank_top">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/hottools2.png" alt="" />
    									<h2>熱AI工具</h2>
    								</div>
    								<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_bottom">
    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
    											<a href="http://ipnx.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
    											</a>
    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
    												<a href="http://ipnx.cn/zh-tw/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
    													<h3>Undress AI Tool</h3>
    												</a>
    												<p>免費(fèi)脫衣圖片</p>
    											</div>
    										</div>
    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
    											<a href="http://ipnx.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
    											</a>
    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
    												<a href="http://ipnx.cn/zh-tw/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
    													<h3>Undresser.AI Undress</h3>
    												</a>
    												<p>人工智慧驅(qū)動(dòng)的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片</p>
    											</div>
    										</div>
    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
    											<a href="http://ipnx.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
    											</a>
    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
    												<a href="http://ipnx.cn/zh-tw/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
    													<h3>AI Clothes Remover</h3>
    												</a>
    												<p>用於從照片中去除衣服的線上人工智慧工具。</p>
    											</div>
    										</div>
    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
    											<a href="http://ipnx.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
    											</a>
    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
    												<a href="http://ipnx.cn/zh-tw/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
    													<h3>Clothoff.io</h3>
    												</a>
    												<p>AI脫衣器</p>
    											</div>
    										</div>
    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
    											<a href="http://ipnx.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
    											</a>
    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
    												<a href="http://ipnx.cn/zh-tw/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
    													<h3>Video Face Swap</h3>
    												</a>
    												<p>使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!</p>
    											</div>
    										</div>
    																</div>
    								<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_more">
    									<a href="http://ipnx.cn/zh-tw/ai">顯示更多</a>
    								</div>
    							</div>
    						</div>
    					
    
    
    					<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4">
    						<div   id="wjcelcm34c"   class="phpmain1_4R_readrank">
    							<div   id="wjcelcm34c"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>熱門文章</h2>
    							</div>
    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/1796832397.html" title="Grass Wonder Build Guide |烏瑪媽媽漂亮的德比" class="phpgenera_Details_mainR4_bottom_title">Grass Wonder Build Guide |烏瑪媽媽漂亮的德比</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 週前</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/1796833110.html" title="<??>:在森林裡99夜 - 所有徽章以及如何解鎖" class="phpgenera_Details_mainR4_bottom_title"><??>:在森林裡99夜 - 所有徽章以及如何解鎖</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>3 週前</span>
    										<span>By DDD</span>
    									</div>
    								</div>
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/1796831605.html" title="烏瑪?shù)姆劢z漂亮的德比橫幅日程(2025年7月)" class="phpgenera_Details_mainR4_bottom_title">烏瑪?shù)姆劢z漂亮的德比橫幅日程(2025年7月)</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 週前</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/1796836699.html" title="Rimworld Odyssey溫度指南和Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey溫度指南和Gravtech</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>3 週前</span>
    										<span>By Jack chen</span>
    									</div>
    								</div>
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/1796831905.html" title="Windows安全是空白或不顯示選項(xiàng)" class="phpgenera_Details_mainR4_bottom_title">Windows安全是空白或不顯示選項(xiàng)</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<span>4 週前</span>
    										<span>By 下次還敢</span>
    									</div>
    								</div>
    														</div>
    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_more">
    								<a href="http://ipnx.cn/zh-tw/article.html">顯示更多</a>
    							</div>
    						</div>
    					</div>
    
    
    											<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3">
    							<div   id="wjcelcm34c"   class="phpmain1_4R_readrank">
    								<div   id="wjcelcm34c"   class="phpmain1_4R_readrank_top">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/hottools2.png" alt="" />
    									<h2>熱工具</h2>
    								</div>
    								<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_bottom">
    																		<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
    											<a href="http://ipnx.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="記事本++7.3.1" />
    											</a>
    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
    												<a href="http://ipnx.cn/zh-tw/toolset/development-tools/92" title="記事本++7.3.1" class="phpmain_tab2_mids_title">
    													<h3>記事本++7.3.1</h3>
    												</a>
    												<p>好用且免費(fèi)的程式碼編輯器</p>
    											</div>
    										</div>
    																			<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
    											<a href="http://ipnx.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3漢化版" />
    											</a>
    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
    												<a href="http://ipnx.cn/zh-tw/toolset/development-tools/93" title="SublimeText3漢化版" class="phpmain_tab2_mids_title">
    													<h3>SublimeText3漢化版</h3>
    												</a>
    												<p>中文版,非常好用</p>
    											</div>
    										</div>
    																			<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
    											<a href="http://ipnx.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="禪工作室 13.0.1" />
    											</a>
    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
    												<a href="http://ipnx.cn/zh-tw/toolset/development-tools/121" title="禪工作室 13.0.1" class="phpmain_tab2_mids_title">
    													<h3>禪工作室 13.0.1</h3>
    												</a>
    												<p>強(qiáng)大的PHP整合開發(fā)環(huán)境</p>
    											</div>
    										</div>
    																			<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
    											<a href="http://ipnx.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
    											</a>
    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
    												<a href="http://ipnx.cn/zh-tw/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
    													<h3>Dreamweaver CS6</h3>
    												</a>
    												<p>視覺化網(wǎng)頁(yè)開發(fā)工具</p>
    											</div>
    										</div>
    																			<div   id="wjcelcm34c"   class="phpmain_tab2_mids_top">
    											<a href="http://ipnx.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_top_img">
    												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac版" />
    											</a>
    											<div   id="wjcelcm34c"   class="phpmain_tab2_mids_info">
    												<a href="http://ipnx.cn/zh-tw/toolset/development-tools/500" title="SublimeText3 Mac版" class="phpmain_tab2_mids_title">
    													<h3>SublimeText3 Mac版</h3>
    												</a>
    												<p>神級(jí)程式碼編輯軟體(SublimeText3)</p>
    											</div>
    										</div>
    																	</div>
    								<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_more">
    									<a href="http://ipnx.cn/zh-tw/ai">顯示更多</a>
    								</div>
    							</div>
    						</div>
    										
    
    					
    					<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4">
    						<div   id="wjcelcm34c"   class="phpmain1_4R_readrank">
    							<div   id="wjcelcm34c"   class="phpmain1_4R_readrank_top">
    								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    									src="/static/imghw/hotarticle2.png" alt="" />
    								<h2>熱門話題</h2>
    							</div>
    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottom">
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/laravel-tutori" title="Laravel 教程" class="phpgenera_Details_mainR4_bottom_title">Laravel 教程</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/eyess.png" alt="" />
    											<span>1597</span>
    										</div>
    										<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/tiezi.png" alt="" />
    											<span>29</span>
    										</div>
    									</div>
    								</div>
    															<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms">
    									<a href="http://ipnx.cn/zh-tw/faq/php-tutorial" title="PHP教程" class="phpgenera_Details_mainR4_bottom_title">PHP教程</a>
    									<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_info">
    										<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/eyess.png" alt="" />
    											<span>1488</span>
    										</div>
    										<div   id="wjcelcm34c"   class="phpgenera_Details_mainR4_bottoms_infos">
    											<img src="/static/imghw/tiezi.png" alt="" />
    											<span>72</span>
    										</div>
    									</div>
    								</div>
    														</div>
    							<div   id="wjcelcm34c"   class="phpgenera_Details_mainR3_more">
    								<a href="http://ipnx.cn/zh-tw/faq/zt">顯示更多</a>
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    							<div   id="wjcelcm34c"   class="Article_Details_main2">
    					<div   id="wjcelcm34c"   class="phpgenera_Details_mainL4">
    						<div   id="wjcelcm34c"   class="phpmain1_2_top">
    							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
    									src="/static/imghw/index2_title2.png" alt="" /></a>
    						</div>
    						<div   id="wjcelcm34c"   class="phpgenera_Details_mainL4_info">
    
    													<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
    								<a href="http://ipnx.cn/zh-tw/faq/367409.html" title="2022年最新5款的angularjs教學(xué)從入門到精通" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="?x-oss-process=image/resize,m_fill,h_207,w_330" alt="2022年最新5款的angularjs教學(xué)從入門到精通" />
    								</a>
    								<a href="http://ipnx.cn/zh-tw/faq/367409.html" title="2022年最新5款的angularjs教學(xué)從入門到精通" class="phphistorical_Version2_mids_title">2022年最新5款的angularjs教學(xué)從入門到精通</a>
    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jun 15, 2017 pm	 05:50 PM</span>
    								<p class="Articlelist_txts_p">Javascript 是一個(gè)非常有個(gè)性的語(yǔ)言. 無(wú)論是從程式碼的組織, 還是程式碼的程式設(shè)計(jì)範(fàn)式, 或物件導(dǎo)向理論都獨(dú)具一格. 而很早就在爭(zhēng)論的Javascript 是不是物件導(dǎo)向語(yǔ)言這個(gè)問題, 顯然已有答案. 但是, 即使Javascript 叱吒風(fēng)雲(yún)二十年, 如果想要看懂jQuery, Angularjs, 甚至是React 等流行框架, 觀看《黑馬雲(yún)課堂JavaScript 高級(jí)框架設(shè)計(jì)視頻教程》就對(duì)了。</p>
    							</div>
    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
    								<a href="http://ipnx.cn/zh-tw/faq/568213.html" title="使用PHP和AngularJS建立響應(yīng)式網(wǎng)站,提供優(yōu)質(zhì)的使用者體驗(yàn)" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/168786588968142.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用PHP和AngularJS建立響應(yīng)式網(wǎng)站,提供優(yōu)質(zhì)的使用者體驗(yàn)" />
    								</a>
    								<a href="http://ipnx.cn/zh-tw/faq/568213.html" title="使用PHP和AngularJS建立響應(yīng)式網(wǎng)站,提供優(yōu)質(zhì)的使用者體驗(yàn)" class="phphistorical_Version2_mids_title">使用PHP和AngularJS建立響應(yīng)式網(wǎng)站,提供優(yōu)質(zhì)的使用者體驗(yàn)</a>
    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jun 27, 2023 pm	 07:37 PM</span>
    								<p class="Articlelist_txts_p">在現(xiàn)今資訊時(shí)代,網(wǎng)站已成為人們獲取資訊和交流的重要工具。一個(gè)響應(yīng)式的網(wǎng)站能夠適應(yīng)各種設(shè)備,為使用者提供優(yōu)質(zhì)的體驗(yàn),成為了現(xiàn)代網(wǎng)站開發(fā)的熱點(diǎn)。本篇文章將介紹如何使用PHP和AngularJS建立響應(yīng)式網(wǎng)站,進(jìn)而提供優(yōu)質(zhì)的使用者體驗(yàn)。 PHP介紹PHP是一種開源的伺服器端程式語(yǔ)言,非常適合Web開發(fā)。 PHP具有許多優(yōu)點(diǎn),如易於學(xué)習(xí)、跨平臺(tái)、豐富的工具庫(kù)、開發(fā)效</p>
    							</div>
    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
    								<a href="http://ipnx.cn/zh-tw/faq/550729.html" title="使用PHP和AngularJS建立Web應(yīng)用" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202305/27/2023052720104731132.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用PHP和AngularJS建立Web應(yīng)用" />
    								</a>
    								<a href="http://ipnx.cn/zh-tw/faq/550729.html" title="使用PHP和AngularJS建立Web應(yīng)用" class="phphistorical_Version2_mids_title">使用PHP和AngularJS建立Web應(yīng)用</a>
    								<span id="wjcelcm34c"    class="Articlelist_txts_time">May 27, 2023 pm	 08:10 PM</span>
    								<p class="Articlelist_txts_p">隨著網(wǎng)路的不斷發(fā)展,Web應(yīng)用已成為企業(yè)資訊化建設(shè)的重要組成部分,也是現(xiàn)代化工作的必要手段。為了讓W(xué)eb應(yīng)用能夠方便開發(fā)、維護(hù)和擴(kuò)展,開發(fā)人員需要選擇適合自己開發(fā)需求的技術(shù)框架和程式語(yǔ)言。 PHP和AngularJS是兩種非常流行的Web開發(fā)技術(shù),它們分別是伺服器端和客戶端的解決方案,透過(guò)結(jié)合使用可以大大提高Web應(yīng)用的開發(fā)效率和使用體驗(yàn)。 PHP的優(yōu)勢(shì)PHP</p>
    							</div>
    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
    								<a href="http://ipnx.cn/zh-tw/faq/561005.html" title="使用Flask和AngularJS建立單頁(yè)Web應(yīng)用程式" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/000/164/168696296473713.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用Flask和AngularJS建立單頁(yè)Web應(yīng)用程式" />
    								</a>
    								<a href="http://ipnx.cn/zh-tw/faq/561005.html" title="使用Flask和AngularJS建立單頁(yè)Web應(yīng)用程式" class="phphistorical_Version2_mids_title">使用Flask和AngularJS建立單頁(yè)Web應(yīng)用程式</a>
    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jun 17, 2023 am	 08:49 AM</span>
    								<p class="Articlelist_txts_p">隨著Web技術(shù)的快速發(fā)展,單頁(yè)Web應(yīng)用程式(SinglePageApplication,SPA)已成為越來(lái)越流行的Web應(yīng)用程式模型。相較於傳統(tǒng)的多頁(yè)Web應(yīng)用程序,SPA的最大優(yōu)勢(shì)在於使用者感受更加流暢,同時(shí)伺服器端的運(yùn)算壓力也大幅減少。在本文中,我們將介紹如何使用Flask和AngularJS來(lái)建構(gòu)一個(gè)簡(jiǎn)單的SPA。 Flask是一款輕量級(jí)的Py</p>
    							</div>
    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
    								<a href="http://ipnx.cn/zh-tw/faq/536388.html" title="如何使用PHP和AngularJS進(jìn)行前端開發(fā)" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/202305/11/2023051117183994713.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何使用PHP和AngularJS進(jìn)行前端開發(fā)" />
    								</a>
    								<a href="http://ipnx.cn/zh-tw/faq/536388.html" title="如何使用PHP和AngularJS進(jìn)行前端開發(fā)" class="phphistorical_Version2_mids_title">如何使用PHP和AngularJS進(jìn)行前端開發(fā)</a>
    								<span id="wjcelcm34c"    class="Articlelist_txts_time">May 11, 2023 pm	 05:18 PM</span>
    								<p class="Articlelist_txts_p">隨著網(wǎng)路的普及和發(fā)展,前端開發(fā)已變得越來(lái)越重要。身為前端開發(fā)人員,我們需要了解並掌握各種開發(fā)工具和技術(shù)。其中,PHP和AngularJS是兩種非常有用且受歡迎的工具。在本文中,我們將介紹如何使用這兩種工具進(jìn)行前端開發(fā)。一、PHP介紹PHP是一種流行的開源伺服器端腳本語(yǔ)言,它適用於Web開發(fā),可以在Web伺服器和各種作業(yè)系統(tǒng)上運(yùn)作。 PHP的優(yōu)點(diǎn)是簡(jiǎn)單、快速、便</p>
    							</div>
    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
    								<a href="http://ipnx.cn/zh-tw/faq/568018.html" title="使用PHP和AngularJS開發(fā)一個(gè)線上文件管理平臺(tái),方便文件管理" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/000/164/168784405563932.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="使用PHP和AngularJS開發(fā)一個(gè)線上文件管理平臺(tái),方便文件管理" />
    								</a>
    								<a href="http://ipnx.cn/zh-tw/faq/568018.html" title="使用PHP和AngularJS開發(fā)一個(gè)線上文件管理平臺(tái),方便文件管理" class="phphistorical_Version2_mids_title">使用PHP和AngularJS開發(fā)一個(gè)線上文件管理平臺(tái),方便文件管理</a>
    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jun 27, 2023 pm	 01:34 PM</span>
    								<p class="Articlelist_txts_p">隨著網(wǎng)路的普及,越來(lái)越多的人使用網(wǎng)路進(jìn)行檔案?jìng)鬏敽头窒?。然而,由於各種原因,使用傳統(tǒng)的FTP等方式進(jìn)行檔案管理無(wú)法滿足現(xiàn)代使用者的需求。因此,建立一個(gè)易用、高效、安全的線上文件管理平臺(tái)已成為了一種趨勢(shì)。本文介紹的線上文件管理平臺(tái),基於PHP和AngularJS,能夠方便地進(jìn)行文件上傳、下載、編輯、刪除等操作,並且提供了一系列強(qiáng)大的功能,例如文件共享、搜尋、</p>
    							</div>
    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
    								<a href="http://ipnx.cn/zh-tw/faq/393707.html" title="AngularJS基礎(chǔ)入門介紹" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/099/200/5adaa3fc4f5e2566.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="AngularJS基礎(chǔ)入門介紹" />
    								</a>
    								<a href="http://ipnx.cn/zh-tw/faq/393707.html" title="AngularJS基礎(chǔ)入門介紹" class="phphistorical_Version2_mids_title">AngularJS基礎(chǔ)入門介紹</a>
    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Apr 21, 2018 am	 10:37 AM</span>
    								<p class="Articlelist_txts_p">這篇文章介紹的內(nèi)容是關(guān)於AngularJS基礎(chǔ)入門介紹,有著一定的參考價(jià)值,現(xiàn)在分享給大家,有需要的朋友可以參考一下。</p>
    							</div>
    														<div   id="wjcelcm34c"   class="phphistorical_Version2_mids">
    								<a href="http://ipnx.cn/zh-tw/faq/558872.html" title="如何在PHP編程中使用AngularJS?" class="phphistorical_Version2_mids_img">
    									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
    										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/168653405131475.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="如何在PHP編程中使用AngularJS?" />
    								</a>
    								<a href="http://ipnx.cn/zh-tw/faq/558872.html" title="如何在PHP編程中使用AngularJS?" class="phphistorical_Version2_mids_title">如何在PHP編程中使用AngularJS?</a>
    								<span id="wjcelcm34c"    class="Articlelist_txts_time">Jun 12, 2023 am	 09:40 AM</span>
    								<p class="Articlelist_txts_p">隨著Web應(yīng)用程式的普及,前端框架AngularJS變得越來(lái)越受歡迎。 AngularJS是一個(gè)由Google開發(fā)的JavaScript框架,它可以幫助你建立具有動(dòng)態(tài)Web應(yīng)用程式功能的網(wǎng)頁(yè)應(yīng)用程式。另一方面,對(duì)於後端編程,PHP是非常受歡迎的程式語(yǔ)言。如果您正在使用PHP進(jìn)行伺服器端編程,那麼結(jié)合AngularJS使用PHP將可以為您的網(wǎng)站帶來(lái)更多的動(dòng)態(tài)效</p>
    							</div>
    													</div>
    
    													<a href="http://ipnx.cn/zh-tw/web-designer.html" class="phpgenera_Details_mainL4_botton">
    								<span>See all articles</span>
    								<img src="/static/imghw/down_right.png" alt="" />
    							</a>
    											</div>
    				</div>
    					</div>
    	</main>
    	<footer>
        <div   id="wjcelcm34c"   class="footer">
            <div   id="wjcelcm34c"   class="footertop">
                <img src="/static/imghw/logo.png" alt="">
                <p>公益線上PHP培訓(xùn),幫助PHP學(xué)習(xí)者快速成長(zhǎng)!</p>
            </div>
            <div   id="wjcelcm34c"   class="footermid">
                <a href="http://ipnx.cn/zh-tw/about/us.html">關(guān)於我們</a>
                <a href="http://ipnx.cn/zh-tw/about/disclaimer.html">免責(zé)聲明</a>
                <a href="http://ipnx.cn/zh-tw/update/article_0_1.html">Sitemap</a>
            </div>
            <div   id="wjcelcm34c"   class="footerbottom">
                <p>
                    ? php.cn All rights reserved
                </p>
            </div>
        </div>
    </footer>
    
    <input type="hidden" id="verifycode" value="/captcha.html">
    
    
    
    
    		<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
    	
    	
    	
    	
    	
    
    	
    	
    
    
    
    
    
    
    <footer>
    <div class="friendship-link">
    <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p>
    <a href="http://ipnx.cn/" title="亚洲国产日韩欧美一区二区三区">亚洲国产日韩欧美一区二区三区</a>
    
    <div class="friend-links">
    
    
    </div>
    </div>
    
    </footer>
    
    
    <script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
    </script>
    </body><div id="ec4qg" class="pl_css_ganrao" style="display: none;"><td id="ec4qg"></td><tfoot id="ec4qg"></tfoot><del id="ec4qg"><nav id="ec4qg"></nav></del><dd id="ec4qg"></dd><em id="ec4qg"><cite id="ec4qg"><s id="ec4qg"></s></cite></em><delect id="ec4qg"></delect><fieldset id="ec4qg"></fieldset><kbd id="ec4qg"></kbd><bdo id="ec4qg"></bdo><fieldset id="ec4qg"><xmp id="ec4qg"><sup id="ec4qg"></sup></xmp></fieldset><option id="ec4qg"><strong id="ec4qg"><td id="ec4qg"></td></strong></option><abbr id="ec4qg"><pre id="ec4qg"><abbr id="ec4qg"></abbr></pre></abbr><em id="ec4qg"><strong id="ec4qg"><center id="ec4qg"></center></strong></em><th id="ec4qg"></th><ul id="ec4qg"><center id="ec4qg"><tbody id="ec4qg"></tbody></center></ul><del id="ec4qg"></del><pre id="ec4qg"></pre><dl id="ec4qg"><object id="ec4qg"><strong id="ec4qg"></strong></object></dl><bdo id="ec4qg"><del id="ec4qg"><abbr id="ec4qg"></abbr></del></bdo><code id="ec4qg"><optgroup id="ec4qg"><cite id="ec4qg"></cite></optgroup></code><pre id="ec4qg"></pre><object id="ec4qg"></object><ul id="ec4qg"><optgroup id="ec4qg"><dfn id="ec4qg"></dfn></optgroup></ul><code id="ec4qg"><source id="ec4qg"><dfn id="ec4qg"></dfn></source></code><table id="ec4qg"><strong id="ec4qg"><blockquote id="ec4qg"></blockquote></strong></table><option id="ec4qg"><strong id="ec4qg"><nav id="ec4qg"></nav></strong></option><table id="ec4qg"></table><dd id="ec4qg"></dd><del id="ec4qg"></del><acronym id="ec4qg"></acronym><dl id="ec4qg"></dl><button id="ec4qg"><li id="ec4qg"><wbr id="ec4qg"></wbr></li></button><sup id="ec4qg"></sup><pre id="ec4qg"><dl id="ec4qg"><xmp id="ec4qg"></xmp></dl></pre><kbd id="ec4qg"></kbd><fieldset id="ec4qg"></fieldset><abbr id="ec4qg"></abbr><option id="ec4qg"></option><source id="ec4qg"><sup id="ec4qg"><center id="ec4qg"></center></sup></source><dfn id="ec4qg"><ul id="ec4qg"><optgroup id="ec4qg"></optgroup></ul></dfn><fieldset id="ec4qg"></fieldset><abbr id="ec4qg"></abbr><sup id="ec4qg"></sup><xmp id="ec4qg"></xmp><fieldset id="ec4qg"></fieldset><s id="ec4qg"></s><delect id="ec4qg"><pre id="ec4qg"><bdo id="ec4qg"></bdo></pre></delect><cite id="ec4qg"><td id="ec4qg"><pre id="ec4qg"></pre></td></cite><samp id="ec4qg"><pre id="ec4qg"><del id="ec4qg"></del></pre></samp><delect id="ec4qg"></delect><li id="ec4qg"><xmp id="ec4qg"><dfn id="ec4qg"></dfn></xmp></li><fieldset id="ec4qg"></fieldset><optgroup id="ec4qg"></optgroup><source id="ec4qg"><sup id="ec4qg"></sup></source><table id="ec4qg"></table><tr id="ec4qg"></tr><table id="ec4qg"><abbr id="ec4qg"><button id="ec4qg"></button></abbr></table><table id="ec4qg"></table><dfn id="ec4qg"></dfn><strong id="ec4qg"></strong><dd id="ec4qg"></dd><td id="ec4qg"></td><code id="ec4qg"></code><source id="ec4qg"><dfn id="ec4qg"><ul id="ec4qg"></ul></dfn></source><nav id="ec4qg"></nav><bdo id="ec4qg"></bdo><li id="ec4qg"></li><s id="ec4qg"></s><th id="ec4qg"></th><xmp id="ec4qg"></xmp><strong id="ec4qg"></strong><button id="ec4qg"></button><small id="ec4qg"></small><object id="ec4qg"><tr id="ec4qg"><kbd id="ec4qg"></kbd></tr></object><strong id="ec4qg"><rt id="ec4qg"><dl id="ec4qg"></dl></rt></strong><tr id="ec4qg"></tr><nav id="ec4qg"></nav><delect id="ec4qg"><abbr id="ec4qg"><fieldset id="ec4qg"></fieldset></abbr></delect><delect id="ec4qg"></delect><th id="ec4qg"></th><center id="ec4qg"></center><tbody id="ec4qg"></tbody><s id="ec4qg"><pre id="ec4qg"><tr id="ec4qg"></tr></pre></s><xmp id="ec4qg"></xmp><fieldset id="ec4qg"><dd id="ec4qg"><tr id="ec4qg"></tr></dd></fieldset><button id="ec4qg"></button><tbody id="ec4qg"><del id="ec4qg"><nav id="ec4qg"></nav></del></tbody><s id="ec4qg"><center id="ec4qg"><tr id="ec4qg"></tr></center></s><wbr id="ec4qg"></wbr><source id="ec4qg"></source><tfoot id="ec4qg"></tfoot><button id="ec4qg"></button><li id="ec4qg"></li><option id="ec4qg"></option><center id="ec4qg"></center><table id="ec4qg"><tbody id="ec4qg"><s id="ec4qg"></s></tbody></table><del id="ec4qg"></del></div>
    
    </html>