如果有更好的方式,请留言交流:

2017-07-07

多个controller共用一个函数。在$rootScope中定义方法,

$rootScope.share_fun = function test_fun($scope){
  $scope.text = "123"; //修改子域的值
}

然后大调用的时候,把$scope传过去

$rootScope.share_fun($scope);

ui-sref传参数的写法:

首先你需要在html标记里写  ui-sref="content1({id:item.id})"  定义跳转,感觉ui-sref类似于a标签

然后你需要配置state,记住一定要加:id,要不然值是传不过去的。

  .state("content1", {
url: 'tab/content1/:id',
templateUrl: "templates/tab-content1.html",
cache: false
})

最后controller里面加一个$stateParams参数,这个参数里面就有id啦。

还有说说url: '/tab/content1/:id' 和 url: 'tab/content1/:id' 的区别:

如果是url: '/tab/content1/:id' 直接访问  http://localhost:46858/ionic_router/index.html?sqcode=wxsgshequ0001&snm_from=web&appcode=wxgd#/tab/content1/62046 是可以的

如果是url: 'tab/content1/:id'  (tab前面少了一个/)直接访问 http://localhost:46858/ionic_router/index.html?sqcode=wxsgshequ0001&snm_from=web&appcode=wxgd#/tab/content1/62046会跳转到

http://localhost:46858/ionic_router/index.html?sqcode=wxsgshequ0001&snm_from=web&appcode=wxgd#/tab/tab1这个主页面去。

我的理解是没有/就认为是内部跳转,一般不让你访问内部跳转,一律跳转到主页,而有/就是外部跳转,可以直接访问外部跳转。

2017-07-10

外部获取$scope作用域并修改:

   var appElement = document.querySelector('[ng-controller=published]');//获得绑定controllerdom节点
var $scope = angular.element(appElement).scope(); //获得$scope对象
$scope.$apply(function(){
publish_pics_array.push(ret);
$scope.pics_display_array.push({"url": ret});
});//刷新数据

Angular的一些用法或者结构技巧的更多相关文章

  1. mount命令的用法,以及技巧光盘镜像文件、移动硬盘及U盘的方法

    本文介绍mount命令的用法,以及技巧光盘镜像文件.移动硬盘及U盘的方法. 一,挂接命令(mount) 挂接(mount)命令的使用方法. 命令格式: 复制代码 代码如下: mount [-t vfs ...

  2. Shell脚本字符串匹配及日常命令工具 - 用法总结(技巧指南)

    Shell提供了很多字符串和文件处理的命令,如awk.expr.grep.sed等命令,还有文件的排序.合并和分割等一系列的操作命令.下面重点总结下Shell字符串处理.文本处理以及各类命令及函数用法 ...

  3. angular路由配置用法

      在如今,很多事用于HTML5嵌套在webview,成为(伪)app,用a链接来跳转,简单页面来说的话,速度还是可以的,但是应用越来越多,是用不流畅,当然原生的app像安卓以及IOS来说的话,跳转是 ...

  4. sizeof strlen strncpy用法总结 结构体实际所占内存大小 以及memset用法

    sizeof测类型(数组名除外) strlen测实际长度 strncpy返回指针类型 #include <stdio.h> #include <stdlib.h> #inclu ...

  5. angular.element()的用法

    1.引用jQuery的前提下,和$用法基本相同:angular.element('#').html() 例如: angular.element('#test').html() angular.elem ...

  6. angular中$q用法, $q多个promise串行/同步/等待), $q.all用法,使用

    $q的基本用法 function fn() { var defer = $q.defer(); setTimeout(function () { console.log(1); defer.resol ...

  7. Angular - ng-repeat高级用法

    ng-repeat高级用法: 遍历数组:    <li ng-repeat="item in array">{{item}}</li> 遍历对象:    k ...

  8. angular过滤器基本用法

    1.过滤器主要用于数据的筛选,可以直接在模板使用 语法: {{expression | filter}} {{expression | filter | filter2}} {{expression ...

  9. Java中splite的用法与小技巧

    在java.lang包中也有String.split()方法,与.net的类似,都是返回是一个字符型数组,但使用过程中还有一些小技巧.如执行:"2|33|4".split(&quo ...

随机推荐

  1. springboot 线程池

    我们常用ThreadPoolExecutor提供的线程池服务,springboot框架提供了@Async注解,帮助我们更方便的将业务逻辑提交到线程池中异步执行,今天我们就来实战体验这个线程池服务: 本 ...

  2. Webpack Loaders

    [Webpack Loaders] 1.Query parameters Loader can be passed query parameters via a query string (just ...

  3. 【转】修复关于apache-xampp的问题:Port 443 in use by “vmware-hostd.exe”!

    在电脑里装了VMware后,再要装xampp,十有八九就会出现这个问题: 11:23:37  [Apache]     Problem detected! 11:23:37  [Apache]    ...

  4. java学习笔记整理

    java知识模块:1.基础知识,数组,字符串,正则表达式:2.类和对象,接口,继承,多态,抽象类,内部类,泛型,java常用类库.3.异常处理: 4.IO:   5.事件处理:   6.多线程:  7 ...

  5. beanstalkd 说明文档

    BEANSTALKD(1) BEANSTALKD(1) NAME beanstalkd - simple, fast work queue SYNOPSIS beanstalkd [options] ...

  6. NYOJ-1058 DFS部分求和

    原题链接 本题思路:暴力深搜,具体见代码. #include <iostream> #include <stack> using namespace std; + ; int ...

  7. 202. Happy Number (INT)

    Write an algorithm to determine if a number is "happy". A happy number is a number defined ...

  8. cross-env:跨平台设置和使用环境变量

    一 项目结构 二 安装依赖 npm install --save-dev cross-env 三 npm脚本 { "name": "demo", "v ...

  9. js数组排序实用方法集锦

    前言: 据说程序员三个月就能忘记自己写的代码,所以最好是在有空的时候及时做些总结,记录下来,这样后边遇到类似问题的话,就可以直接先查看自己的博客了.写技术博客,对自己是一种总结,对别人,是一种参考. ...

  10. Qt的pro文件--项目配置的部分字段

    Qt项目配置的部分字段: 库: LIBS += -L /usr/local/lib -lpcap INCLUDEPATH += /usr/local/include/