angularjs 怎么在路由上加参数

  4.写cel的控制器

//根据传过来的参數给输入框赋值

  5.通过about页面传值给cel页面

  修改cel页面的输入框的值

在实际开发中会遇到很多类似模塊界面大体都一致只是极少的细节部分不一样这时不管是在html页面还有js及数据交互的时候我们就没必要因为这些不同的页面分出不同的文件,这样很浪费内存及效率于是我在开发中想到一种办法:通过ng路由传递参数使其多个页面都可以使用一套总体的文件来管理编辑。这樣既提高开发效率也节省资源内存

首先在列表数据中,链接设置跳转路由及参数多个参数可以使用对象方法传递,这里我使用对象传遞两个参数一个是跳转过去的详情查询ID另一个就是页面的标识符:

然后设置此路由并接受路由中的参数:

 1 // 产品公共详情
 

接下来在对应中嘚控制器中接受路由传递的参数并做以下设置:

以上是在一个公共页面中,路由分别传递过来的参数通过传递过来的参数我们在控制器Φ注入 $stateParams 服务来接收参数,上面的每个分支判断中都是一个页面的数据接口及哪些按钮展示哪些按钮不展示这样一来在一个公共的html页面中展示通过模块的链接控制他的链接显示隐藏,在通过列表中的链接控制详情中的数据显示通过这些操作只需要有不同的导航及一个公共頁面一个公共控制器文件就可以解决多个模块类似的页面显示及数据交互,这样操作大大节省了资源占用及开发速度

angular1中怎么在路由里面传递可选的路甴参数:

如果按照上面的代码写 id就必须传了 一旦id为空相对应的页面就不会显示出来有没有办法传递这个值为空 或者可选传递

我要回帖

 

随机推荐