相关疑难解决方法(0)

AngularJS:如何从控制器功能切换视图?

我正在尝试使用AngularJS 的ng-click功能来切换视图.我将如何使用下面的代码执行此操作?

的index.html

 <div ng-controller="Cntrl">
        <div ng-click="someFunction()">
            click me
        <div>
    <div>
Run Code Online (Sandbox Code Playgroud)

controller.js

  function Cntrl ($scope) {
        $scope.someFunction = function(){
            //code to change view?
        }
    }
Run Code Online (Sandbox Code Playgroud)

javascript angularjs ngroute

237
推荐指数
5
解决办法
27万
查看次数

Angular 2 - 将参数传递给Route

我有一个<a>如下标签,

<a [routerLink]="[/Person']">Person</a>
Run Code Online (Sandbox Code Playgroud)

所以我想传递person.id给这个/Person路由器.我怎样才能将它传递与处理它@RouteConfigparams在1角

angular-ui-router angular

16
推荐指数
1
解决办法
3万
查看次数

AngularJS/ui-router:$ state.go在ng-click中不起作用

我有一个视图,我有以下代码:

<input type="button" value="New Post" ng-click="$state.go('blog.new-post')">
Run Code Online (Sandbox Code Playgroud)

目标是在不必使用href的情况下转换到新状态.不幸的是,上面的代码并没有触发.

我还尝试在控制器中为此视图包含$ state:

app.controller('blogPostsController', function($scope, $stateParams, $http, $state) ...
Run Code Online (Sandbox Code Playgroud)

但仍然没有.transictionTo似乎也没有用.

任何人都知道如何使这项工作?

编辑:我只能通过分配:

$scope.$state = $state;
Run Code Online (Sandbox Code Playgroud)

在我的控制器内.这看起来很难看.没有其他方法来访问$ state而不将其分配给范围?

angularjs angular-ui-router

15
推荐指数
2
解决办法
3万
查看次数

如何使按钮内的href崩溃

我有一个折叠的模型,显示有关客户端的更多信息,并且insid,我有一个按钮,当我点击,我没有得到特定客户的信息,我得到所有客户的数据

<ion-list ng-repeat="x in names">
    <a class="item  item-icon-left " >
                <i class="icon ion-android-arrow-dropdown-circle" ng-model="collapsed" ng-click="collapsed=!collapsed"></i>
                {{x.Marque}}   
              </a>
              <div ng-show="collapsed">
                    <table>
                          <thead >
                             <td>   
                                 <label> Code:  </label> {{x.CodeClient}}    <br/> 
                                 <label> Nom:   </label> {{x.NomClient}}     <br/> 
                                <a class="button button-info" ui-sref="modifClient({CodeClient: x})" >
                                Enregistrer
                                </a> 
        ...
Run Code Online (Sandbox Code Playgroud)

app.js

     $stateProvider.state('modifClient', {
                    url: '/modifClient',
                    templateUrl: 'templates/modifClient.html',
                    params: {CodeClient: null},
                    controller: 'ConsultClientCtrl' 
                });
app.controller("ConsultClientCtrl", function($scope, $http) {
$scope.loadClient = function(){ 
           $http.get("http://localhost/deb/debut.php")  
           .success(function(data){  
                $scope.names = data; 
           });  
   }
Run Code Online (Sandbox Code Playgroud)

});

modifClient.html

<ion-content class="padding" ng-controller="ConsultClientCtrl" ng-repeat="x in names | filter: {CodeClient: …
Run Code Online (Sandbox Code Playgroud)

html javascript angularjs angular-ui-router ionic-framework

5
推荐指数
1
解决办法
163
查看次数

html - 手风琴标题中的href不起作用

我的手风琴有标题中的链接.它是这样一种方式,当点击标题上的任何地方时,可以打开手风琴.因此,当点击链接时,不会转到该链接(href),而是打开手风琴.

期望的行为:

我想要在标题中的任何地方点击除了链接之外打开该比例.(即,当点击链接时,必须重定向用户并且不得打开手风琴)

<div>
    <accordion close-others="false">
        <accordion-group is-open="isopen" ng-repeat="ele in arr">
            <accordion-heading>
                <div>
                    <i class="pull-right glyphicon"
                       ng-class="{'glyphicon-chevron-down': isopen, 'glyphicon-chevron-right': !isopen}"></i>
                    <div style="width: 50%; float: left; padding-left: 6cm;">{{ele.a}}
                        <span >
                            <a href="https://www.fb.com">link</a>
                        </span>
                    </div>
                    <div style="text-align: center;">
                        <span>{{ele.b}}</span>
                    </div>
                </div>
            </accordion-heading>
       </accordion-group>
     </accordion>
  </div>
Run Code Online (Sandbox Code Playgroud)

Plnkr

html anchor accordion angularjs angular-ui-bootstrap

1
推荐指数
1
解决办法
1209
查看次数