首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在angularJs中将State和City Id传递给controller?

在AngularJS中,可以通过多种方式将State和City Id传递给controller。以下是一些常用的方法:

  1. 使用路由参数传递:可以在URL中使用路由参数来传递State和City Id。在路由配置中定义参数,并在URL中使用冒号(:)来指定参数的位置。然后,在controller中使用$routeParams服务来获取参数的值。
  2. 示例代码:
  3. 示例代码:
  4. 使用服务传递:可以创建一个服务,用于在不同的controller之间共享数据。在一个controller中设置State和City Id的值,然后在另一个controller中获取这些值。
  5. 示例代码:
  6. 示例代码:
  7. 使用$rootScope传递:$rootScope是AngularJS中所有作用域的根作用域,可以在不同的controller之间共享数据。类似于使用服务的方法,可以在一个controller中设置State和City Id的值,然后在另一个controller中获取这些值。
  8. 示例代码:
  9. 示例代码:

这些方法可以根据具体的需求选择使用。在实际开发中,根据项目的复杂性和需求,可能会选择不同的方法来传递State和City Id。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

SpringMVC入门

包内 Spring相关bean加载控制 方式一:Spring加载的bean设定扫描范围为com,排除掉controller包内的bean,: @ComponentScan(value = "com.cikian...参数种类 普通参数 url地址参,地址参数名与形参变量名相同,定义形参即可接收参数。...":"北京" }; }; ] 名称:@RequestBody 类型:形参注解 位置:SpringMVC控制器方法形参定义前面 作用:将请求中请求体所包含的数据传递给请求参数,...简介 REST(Representational State Transfer),表现形式状态转换 传统风格资源描述形式: http://localhost/user/getById?...method = RequestMethod.POST 设定请求参数(路径变量) 请求路径中要有对应参数的占位,:/users/{id},形参前使用@PathVariable注解,:@PathVariable

16710

达观数据对AngularJS技术的思考与实践

这使得过滤器通常用来做些“适时地给输出加入CSS样式”等工作。例如: ? AngularJs允许自定义filter:在你的模块中注册一个新的过滤器(可注入的)工厂函数。...任何过滤器参数都会被当成附加的参数传递给过滤器。 ? 可以通过 | reverse 的方式使用reverse过滤器。...六、服务自定义服务(Factory,Service,Provider) 前面提到过Controller应该很薄,不要把所有业务逻辑操作都放到Controller里。...你把 service controller 之后,在 controller 里这个对象里的属性就可以通过 factory 使用了。 ? 2)Service是用"new"关键字实例化的。...你把 service controller 之后,在controller里 "this" 上的属性就可以通过 service 来使用了。 ?

5.4K150

AngularJS in Action读书笔记1——扫平一揽子专业术语

controller如何通信》篇中有提到,这里不再赘述。...application还未启动前的一些参数配置,比如路由或是一些service的配置 Routes 路由负责在应用中基于state进行页面的跳转 Views Views是通过AngularJS编译后呈现的...DOM $scope $scope是连接controllerview之间的桥梁,起到一种胶水的作用 Controller 定义一些属性方法用于绑定到view的元素上,一般来说,controller是比较轻量的...AngularJS可以使用依赖注入的方法将这些定义的service注入到相应的controller中,便可以使用service中的数据方法。...4.Directive   directive是angularjs的一大亮点。AngularJS自己有一些内置指令ng-click、ng-if等,用户也可以自己定义指令,这里的story。

1.2K70

AngularJS爬坑之路——路由关于路由的那点事儿

类似路由器,AngularJS中的路由其实也是一样的概念 路由器,是将一个IP地址一台唯一的电脑关联起来,这样我们在访问某个IP地址时就会访问到这台具体的电脑,访问:192.168.1.100->...路由器->李白的电脑 路由,就是将URL地址对应的视图页面【html页面】绑定起来,这样我们就可以通过某个URL地址直接访问到一个具体的视图页面了,:访问http://www.baidu.com...2.AngularJS中有哪些路由?...{ // TODO /index模板控制器} }).when("/login", { templateUrl:"component/login.html", controller...html页面路径 2) controller:用来控制templateUrl指向的页面的控制器 otherwise(path):用户访问路径不存在时默认跳转的路径 path:url路径,一般会指定when

1.5K20

第215天:Angular---指令

指令(Directive) AngularJS 有一套完整的、可扩展的、用来帮助 Web 应用开发的指令集 在 DOM 编译期间, HTML 关联着的指令会被检测到,并且被执行 在 AngularJS...中将前缀为 ng- 这种属性称之为指令,其作用就是为 DOM 元素调用方法、定义行为绑定数据等 简单说:当一个 Angular 应用启动,Angular 就会遍历 DOM 树来解析 HTML,根据指令不同...1、ng-app 指令 ng-app指令用来标明一个AngularJS应用程序 标记在一个AngularJS的作用范围的根对象上 系统执行时会自动的执行根对象范围内的其他指令 可以在同一个页面创建多个ng-app...['ngSanitize']); 18 19 20 21 3、ng-repeat指令 ng-repeat指令用来编译一个数组重复创建当前元素,...-- ng-repeat 会遍历数组中每一个元素,分别创建li --> 12 <li ng-repeat="item in ledamei track by $index" data-id="{{item.id

3.2K30

Angularjs1.X进阶笔记(1)—两种不同的双向数据绑定

,当用户输入信息时,同步将用户输入的信息赋值给controller中的变量: <div id="main" ng-controller="myCtrl"...这里就是 Angularjs1.X双向数据绑定中的第一个坑 ,你会发现$scope上绑定的数据模型html中显示的内容有时候并不是实时关联的。这其实Angularjs1.X的执行机制有关系。...下面的实例中,我们将看看controller中的数据模型$scope.testInfo.content的值与自定义指令中scope.pagination如何相互影响,是否定义所说这里的绑定真的是双向的...这里就是 Angularjs1.X双向数据绑定中的第二个坑,controllerdirective中所谓的双向数据绑定,并不能追踪指定变量的所有变化,而且不是同步完成的。...三.原理实战总结 3.1 Angularjs中双向数据绑定的基本原理 Angularjs中的双向数据绑定,是通过一种叫做**"脏循环检查(dirty-checking)"*的机制实现的。

3.4K20

AngularJS入门心得3——HTML的左右手指令

在《AngularJS入门心得1——directivecontroller如何通信》我们提到“AngularJS是为了克服HTML在构建应用上的不足而设计的。...这里AngularJS就应运而生,弥补了HTML的天然缺陷,用于构件Web应用等。”   那么AngularJS如何弥补HTML的缺陷,指令可能是最好的回答。 指令是什么???...1.指令的规范化   在HTML命名规范中,因为不区分大小写,所以类似myCustomermycustomer是一样的,那么如何在HTML定义指令呢,常见的可以通过   (1)     加前缀:”x-...: //元素 //属性 //注释 //类名 注意:虽然上面的4种形式都可以进行指令匹配,但是,最好通过标签名属性来使用指令而不要通过注释类名

3.2K50
领券