1. 程式人生 > >angularjs中關於ng-show和ng-switch

angularjs中關於ng-show和ng-switch

在處理專案中一個table的時候,因為有colspan和rowspan,想要用ng-show來顯示隱藏行和列,但是沒有成功
程式碼如下

<tr ng-repeat="data in datas">
    <div ng-model="data.type" ng-show="1">
        <td colspan="2">{{data.name}}</td>
        <td>{{data.status}}</td>
     </div>
        <td>{{data.tradeSettlement
}}
</td> <td>{{data.safetyProtection}}</td> <td>{{data.healthCare}}</td> <td>{{data.environmentalMonitoring}}</td> <td>{{data.administrativeEnforcementOfLaw}}</td> <td>{{data.expertTestimony}}</td>
<td>
{{data.subtotal}}</td> <td>{{data.total}}</td> </tr>

其中用ng-show為1時,顯示div中的內容,但是沒有起作用
將table內容去掉單獨進行測試

相關推薦

angularjs關於ng-showng-switch

在處理專案中一個table的時候,因為有colspan和rowspan,想要用ng-show來顯示隱藏行和列,但是沒有成功 程式碼如下 <tr ng-repeat="data in datas"> <div ng-model="

VUE學習之v-showv-if與angular的ng-showng-if

今天接到通知,公司專案從angular改為使用vue ,兩個框架其實各有千秋吧,Angular相對來說體積大一些,是vue的好幾倍,之前我也寫過angular和vue的資料雙向繫結的區別,一個是髒資料檢查機制,一個是資料劫持,採用資料劫持結合釋出者-訂閱者模式的方式,通過Object.def

ng-showng-if的區別使用場景

ng-if重新建立元素時用的是它們編譯後的狀態。如果ng-if內部的程式碼載入之後被jQuery修改過(例如用.addClass),那麼當ng-if的表示式值為false時,這個DOM元素會被移除,表示式再次成為true時這個元素及其內部的子元素會被重新插入DOM,此時這些元素的狀態會是它們的原始狀態,而不是

angularJSng-showng-if指令

基本 hid bsp 多個 本質 相同id 插入 生成 -h angularJS中的ng-show、ng-hide、ng-if指令都可以用來控制dom元素的顯示或隱藏。 1. ng-show和ng-hide 根據所給表達式的值來顯示或隱藏HTML元素。元素會渲染

用angularng-repeatng-show來實現tab選項卡

new angular lis content padding col ora ack 顯示 雖然我們可以用angular中的路由來做tab選項卡,但是那會讓我們建立很多的頁面來引入,或者建立 <script type="text/ng-template" id="n

Angularjsng-selectng-options用法【select聯動資料】

1、使用前景 最近在使用angualr專案中遇到select聯動資料,嘗試了很多次都失敗,終於在查找了很多資料以後解決了問題。 2、介紹ng-select ng-select用來將資料同HTML的標籤進行繫結。這個指令可以和ng-model以及ng-

Angularjsselect 的ng-repeat ng-options 用法獲取選取值

AngularJS模組化開發中,遇到幾次下拉選單實現搜尋功能的案例,現整理一下select中ng-repeat 和ng-options的用法和獲取值的方法 一,ng-repeat 1,HTML <selectng-model="selectedItems"ng-

angularjs: ng-selectng-options

for -m 復制代碼 too 遞增 mod 中項 tle data angular.js有一個很強大的指令: ng-select 它可以幫助你通過數據模型來創建select元素.它很好的支持了select標簽的語法,但是卻有點坑. 假設有如下一段json數據: {

angularng-bindng-model的區別

ng-bind和ng-model的區別 AngularJS的資料繫結有ng-bind和ng-model,一般用於如下: <input ng-model="object.xxx"> <

angularJSinput標籤的ng-change事件無效

出現這個問題是因為input的type是file,這時如果用ng-change="()"是無效的。 解決方法:用onchange事件。 <input onchange="angular.ele

angularjs的排序過濾

text 方式 all lee -s 分享 $scope rep mode 頁面效果: 說明:1.在輸入框中輸入姓名或年齡,可以對表格內的數據做過濾    2.點擊姓名,可以對姓名字段做排序。排序方式可逆轉。 3.點擊年齡,可以對年齡字段做排序。排序方

淺談AngularJS的$parse$eval

淺談 return 什麽是 apply() logs ava new 表達式 ret AngularJS的初學者常常會對$parse和$eval兩個內建服務感到有些困惑,今天我們就來說說AngularJS中的$parse和$eval。 總的來說,$parse和$eval都

淺談AngularJS的指令指令間的相互通信

file str 裏的 按鈕 相互 要去 direct 不能 pil 說到AngularJS,我們首先想到的大概也就是雙向數據綁定和指令系統了,這兩者也是AngularJS中最為吸引人的地方。雙向數據綁定呢,感覺沒什麽好說的,那麽今天我們就來簡單的討論下AngularJS這

angularjs的$destroy$timeout

logs bsp angularjs ava angular 一個 tar asc .com module.controller("TestController", function($scope, $timeout) { var onTimeout

ng-styleng-class的應用

true 判斷 顏色 設置 div class 紅色 col log ng-style="{設置樣式的條件?‘條件成立時的樣式’:‘條件不成立時的樣式’}" 例如: ng-style="{color:a>b?red:blue}" 當a>b時顏色為紅色;當a&

Angularjs ui-sref $state.go 如何傳遞單個多個引數將物件作為引數

二:傳遞多個引數其實也很簡單可以在上面的單個後面直接拼 1:目標頁面定義需要傳的傳輸個數 .state("default.certquery", { url: "/certquery", controller: "certQueryCtrl", params:{"LoginA

Angularjs ui-sref $state.go 如何傳遞單個多個引數將物件作為引數

一: 如何傳遞單個引數 首先,要在目標頁面定義接受的引數: 傳參, ui-sref: $state.Go: 接收引數, 在目標頁面的controller裡注入 stateParams,然後" stateParams,然後 "stateP

AngularJSng-repeat渲染完成事件中間變數的引用

ng-repeat渲染完成事件 因為在用AngularJS期間, 經常用到ng-repeat, 而有時需要在其渲染完成時操作已經渲染的物件, 所以特在此記錄一下新增渲染事件的方法, 以方便以後的使用; 程式碼如下 myApp.directive('onRepeatFin

AngularJSng-include指令實現頭部尾部的共用

在使用AngularJS的時候,我們可以使用ng-include指令實現頁面頭部和尾部的共用,。不過在使用ng-include指令的時候也是需要注意一些細節的。就是共用的頭部和尾部的路徑在ng-include中寫法 <!DOCTYPE html> <htm

AngularJS ng-model通過$watch動態取值

blog html lib brush google java logs con head 這個例子的意思是,當xxxx的長度不超過6時,xxxx和yyyy兩個input的model是無關的,但當xxxx超過6,則yyyy會跟隨其值而變化。 <!doctype