Angular ng repeat遍歷輸出陣列

2021-08-07 21:26:17 字數 1324 閱讀 5217

今天剛好做選擇題選項的顯示,拿到string型別的4個選項的集合,用分號分隔,然後做切割(split());

a.相對,絕對;b.理論,實際;c.效率,比功;d.簡單,聯合;
先展示成功案例,然後再說之前報錯的地方;

function

()

class="col-sm-10"

ng-if="question.questiontype=='單選題'||question.questiontype=='選擇題'||question.questiontype=='多選題'">

這個是錯誤的展示:

首先,如果用注釋的**,封裝成物件,把opts寫死,乙個乙個給賦值id,從0到3,頁面可以顯示一樣的內容,但是,如果遇到選項不是4個的選項,那麼很明顯,就會報錯;但是如果使用了for迴圈遍歷,頁面顯示不出來;

其次,修改了錯誤展示中的**,把區域性變數opt不放入$scope中,因為這樣容易弄混,而且也多次一舉:

var optionalstr = $scope.question.optional;

opt=optionalstr.split(";");//根據分號去切割「a.相對,絕對;b.理論,實際;c.效率,比功;d.簡單,聯合;」這個字串;

//$scope.opts=無論加不加這個,也是不能夠實現;

//遍歷輸出,存入新物件陣列內:

for(var i=0;i$scope.opts.push()

}

這裡push不進去,瀏覽器頁面不能顯示,也是很困惑;

這裡總結的教訓:

①刪繁就簡,不該要的就不要,不要把問題搞複雜了;宣告的物件越少越好;

②input元素,type=」radio」屬性表示圓形唯一選中框;如果存在同類的幾個按鈕,只允許選中乙個;radio是收音機的意思,老式收音機 按下乙個按鈕,其它的按鈕都會彈上來,所以radio很形象;

$scope是angular的作用域,可以跨頁面傳參,$scope.opt表示把opt變數放到$scope作用域中;

陣列的遍歷輸出

public class text for int i 0 isystem.out.print charr i 傳統的遍歷輸出方式 system.out.println for char i charr 整體每乙個都遍歷,用此比較簡便 int arr for int i arr 二維陣列的遍歷輸出 ...

數放入陣列輸出數

數字賦值給字串,實際上就是把數字轉為字串形式,即數字123.123轉為 123.123 的形式。在c語言中,可以用sprintf函式來實現。1 宣告 int sprintf char dst,const char format string,2 標頭檔案 string.h 3 功能及引數 該函式使用...

ThinkPHP 多表迴圈遍歷輸出

在做專案的時候,經常會遇到分類樹輸出,有可能是多級,有可能是兩級,用得較多的應該是兩級選單樹了,比如後台的選單管理,最近做的乙個專案是兩個表需要迴圈出來,乙個是分類的,另乙個是子分類內容,然後這兩個分類要整合到一起做成乙個選單樹,然後在另外乙個頁面進行呼叫儲存。我的天,邏輯好麻煩,好了,先上 thi...