1. 程式人生 > >angular1.x ui-route傳參的三種寫法

angular1.x ui-route傳參的三種寫法

.state('classrooms',{
    url: '/classrooms/:id'
})
.state('classrooms',{
    url: '/classrooms/{id}'
})
.state('activities',{
    url: '/activities',
    params: {
        id: { value: 42}
    }
})
複製程式碼

localhost:3000/#/classrooms/3

function ClassroomController($stateParams){
    var classroomID = $stateParams.id;
}

一: 如何傳遞單個引數

首先,要在目標頁面定義接受的引數:

傳參,

ui-sref:

$state.Go:

接收引數,

在目標頁面的controller裡注入$stateParams,然後 "$stateParams.引數名" 獲取

二:傳遞多個引數其實也很簡單可以在上面的單個後面直接拼1:目標頁面定義需要傳的傳輸個數
.state("default.certquery", {
    url: "/certquery",
    controller: "certQueryCtrl",
    params:{"LoginAccount":null,"CertCode":null,"CredentialsID"
:null}, //這個是重點其他可以不用看,具體路由對應自己專案template: "<div ui-view></div>" })
2:controll裡面接受(注入$stateParams,然後 "$stateParams.引數名
$state.go("default.certquery.certDetialQuery",{LoginAccount:$scope.entity.LoginAccount,CertCode:$scope.entity.CertCode,CredentialsID:$scope.entity.CredentialsID});
我這裡是用頁面繫結的值作為引數傳過去,大家可以傳固定的,具體業務具體對待三:傳遞物件
$stateProvider
        
.state('app.example1',{ url:'/example', views:{'menuContent':{ templateUrl:'templates/example.html', controller:'ExampleCtrl'}}}).state('app.example2',{ url:'/example2/:object', views:{'menuContent':{ templateUrl:'templates/example2.html', controller:'Example2Ctrl'}}})

2)

.controller('ExampleCtrl',function($state, $scope,UserService){


        $scope.goExample2 =function(obj){

            $state.go("app.example2",{object: JSON.stringify(obj)});}}).controller('Example2Ctrl',function($state, $scope, $stateParams){

        console.log(JSON.parse($state.params.object));})

相關推薦

angular1.x ui-route寫法

.state('classrooms',{ url: '/classrooms/:id' }) .state('classrooms',{ url: '/classrooms/{id

MyBatis方式

MyBatis傳參 1、直接傳 Dao層的函式方法 Public User selectUser(String name,String area); 對應的Mapper.xml <select * from user where name =#{0} and are

angular4、angular4.0從入門到實戰 打造股票管理網站 1.子路由 2. 路由方式 3. 路由守衛

可能有點語無倫次。。。。。因為第一次寫這麼長的博文~~~ 最近跳入了angular4的坑,之前看的angular權威教程是angularJS1.的版本,之後的angular2和angular4改動非常大,可以說是兩個框架了(雷鋒和雷峰塔),google公司只對

多線程(二)啟動線程:需要和不需要情況

void ise tel 線程 reg val adl 方法 委托 1、不需要傳參: class Program7 { private static void ExecuteInForeground() {

python檔案上方式

def upload(request): return render(request, 'upload.html') def upload_file(request): username = request.POST.get('username') fafafa

檔案上方法 1servlet方式

今天突然想起來檔案上傳,竟然不會了,趕緊拿出來學習總結下。 **1.原始的servlet檔案上傳下載 2.Struts2框架的檔案上傳 3.Spring-Mvc框架的檔案上傳** 1.原始的servlet檔案上傳下載 簡單說下流程 1. 開發f

ogre shader,給uniform第二方式

轉載自: http://blog.sina.com.cn/s/blog_7c8dc2d50101ce2p.html Ogre學習如何使用著色器指令碼(參考例子CelShading) Ogre中如何使用著色器 (2012-12-05 18:18:04) 通過SD

如何使用 Spring MVC 進行單檔案與多檔案上情況

背景 由於在做業務開發的時候常常會碰到檔案上傳的功能需求,而其實很多時候自己做過一遍又忘記了,又忘記具體在哪個介面用到了,然後查詢很多資料都是零零碎碎的千篇一律(當然也不排除一些部落格寫的好的,只是個人整理更能增加記憶並且符合自己的經歷),為了之後的業務開發又

spring boot與thymeleaf頁面方式

1.利用ModelAndView物件向頁面傳參 @RequestMapping("/index/{p}.html")public ModelAndView  index(@PathVariable i

C#單例模式的寫法

lock help static gin -a ont singleton pub ria 第一種…… public class Singleton { private static Singleton _instance = null;

angularjs 的controller的寫法

rep tail not ole -m sco details sta 引用 AngularJS 的controller其實就是一個方法,它有三種寫法: 第一種: [javascript] view plain copy <pre name="code"

js在HTML中的寫法

set 定位 script 內容 jpg 添加 彈窗 引用 brush 1.內聯樣式 內聯樣式分為兩種,一是直接寫入元素的標簽內部 <html> <title>js樣式內聯寫法</title> <meta http-equiv

單例模式的寫法和優缺點

兩種 system 一個 obj cti sin clr 效果 returns 1 using System; 2 using System.Collections.Generic; 3 4 namespace ConsoleApp1 5 { 6 c

JavaScript Html頁面加載完成寫法

window blue log script onload document htm scrip javascrip //一、Html頁面加載完成的JS寫法 //1. $(function () { alert("窗體Html頁面加載完成方法一"); }); /

go語言的if,swich,for的寫法

imp port 寫法 數字 == 其中 條件語句 pre 條件 一 Go語言的For循環有3種形式,只有其中的一種使用分號。 package main inport(   "fmt" ) fnnc main(){   for i:=0;i<5;i++{

單例模式 的寫法 c#

ins obj spa sta 模式 return 問題 private 簡單 //第一種最簡單,但沒有考慮線程安全,在多線程時可能會出問題,不過俺從沒看過出錯的現象 public class Singleton { private static Singleto

javascript返回上一頁的寫法

val put reload value ava ali strong window ati window.history.go(-1); //返回上一頁 window.history.back(); //返回上一頁 window.location.go(-1

字元裝置驅動程式的寫法

驅動工程師如何去寫驅動程式? 要看原理圖。確定如何去操作硬體。 對於點亮led燈來說,確定引腳,檢視晶片手冊,確定如何去操作引腳,要設定哪些暫存器,如何設定這些暫存器才可以讓這個引腳輸出高電平或者低電平。 寫驅動程式 驅動程式起封裝作用,如何封裝。應用程式要操作硬體需要o

flutter容器的概念和構造器的寫法

1.Stack: 取代線性佈局 (譯者語:和Android中的LinearLayout相似),Stack允許子 widget 堆疊, 你可以使用 Positioned 來定位他們相對於Stack的上下左右四條邊的位置。Stacks是基於Web開發中的絕度定位(absolute positio

java註釋的寫法

1、單行註釋:// 註釋內容 例:System.out.println(“Hello!”); //輸出Hello! 2、多行註釋 /*public class Test { public static void main(String[] args) { System.out.pri