我正在尝试使用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) 我有一个<a>如下标签,
<a [routerLink]="[/Person']">Person</a>
Run Code Online (Sandbox Code Playgroud)
所以我想传递person.id给这个/Person路由器.我怎样才能将它传递与处理它@RouteConfig像params在1角
我有一个视图,我有以下代码:
<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而不将其分配给范围?
我有一个折叠的模型,显示有关客户端的更多信息,并且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) 我的手风琴有标题中的链接.它是这样一种方式,当点击标题上的任何地方时,可以打开手风琴.因此,当点击链接时,不会转到该链接(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)