我想在我的项目中使用SASS.我打开此链接并按照所有命令操作.我创建了一个项目并设置了SASS. http://learn.ionicframework.com/formulas/working-with-sass/
我有这个目录结构
scss
|
|—>ionic.app.scss
www
|
|->css
|
|——>ionic.app.css
Run Code Online (Sandbox Code Playgroud)
在index.html文件中,我在tags中导入了ionic.app.cssstyle.因此,无论我在ionic.app.scss文件中进行哪些更改,它都会传递到ionic.app.css文件并在视图中反映出来.
如果我在index.html中添加一些元素,例如我添加了段落标记<ion-content>:
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">Ionic Blank Starter</h1>
</ion-header-bar>
<ion-content>
<p id=“addp”>Testparagraph</p>
</ion-content>
</ion-pane>
Run Code Online (Sandbox Code Playgroud)
并添加了这个
#addp{
background-color:yellow;
}
Run Code Online (Sandbox Code Playgroud)
在ionic.app.scss中,它在ionic.app.css中添加并反映在视图中.
现在我尝试做什么.我想 在sass文件夹中添加自己的文件"application.scss",它应该 在css文件夹中创建另一个文件"application.css".因此,无论我在"application.scss"中编码,它都会出现在"application.css"文件中,并在视图中反映出来.我在index.html文件中导入"application.css".
我写这段代码的地方让我生成这个文件并观看我的"application.scss" 文件.
当我运行离子服务器并更改"ionic.app.scss"文件中的任何内容时,它同时反映在视图上.我需要对"application.scss"做同样的事情.如果我改变"application.scss",它将反映在我的观点上.
这是我的gulpfile.js
var gulp = require('gulp');
var gutil = …Run Code Online (Sandbox Code Playgroud) 我试图使用angularjs在相同的按钮单击上显示升序和降序数据.我能够按升序显示数据.但是我将如何在相同的按钮单击下显示降序(作为jquery中的切换).我会告诉你问题我在表格标题"V"上有按钮我点击了按升序排序列.我们可以按相同的按钮点击降序
当用户第一次在colomn上点击时.. 预期的结果就是这个我能够实现这一点.
Calls Royal Dutch sell
p a royal data
Xgtyu test royal dat
Run Code Online (Sandbox Code Playgroud)
但如果他再次点击相同的按钮,那么它将显示此预期结果
Xgtyu test royal dat
p a royal data
Calls Royal Dutch sell
Run Code Online (Sandbox Code Playgroud)
我需要在相同的按钮点击时将数据从升序切换到降序.
这是我的代码 http://plnkr.co/edit/cScyd91eHVGTTGN390ez
<div class="row" ng-repeat="column in displayData | orderBy: sortval | filter: query">
<div class="col col-center brd" ng-repeat="field in column.columns" ng-show="data[$index].checked && data[$index].fieldNameOrPath===field.fieldNameOrPath">{{field.value}}</div>
<div class="col col-10 text-center brd">
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
JS代码
$scope.setSort = function(idx){
$scope.sortval = 'columns['+idx+'].value';
};
Run Code Online (Sandbox Code Playgroud) javascript angularjs angularjs-directive angularjs-scope angularjs-ng-repeat
我可以使用图标制作输入字段,但我需要输入字段应该是圆角的![在此处输入图像描述][1]并且水平中心宽度较小,如图所示。请检查下图
请检查我的搜索栏宽度较小且水平居中且具有圆角。我们可以用 ionic 制作它吗
这是我的代码
<ion-content>
<div class="list list-inset">
<label class="item item-input">
<img src="https://dl.dropboxusercontent.com/s/n2s5u9eifp3y2rz/search_icon.png?dl=0">
<input type="text" placeholder="Search">
</label>
</div>
</ion-content>
Run Code Online (Sandbox Code Playgroud) angularjs angularjs-directive angularjs-scope ionic-framework
我得到了回应
{
"success": 1,
"message": "some message",
"data": [
{
"comment_id": "43906",
"comp_id": "116725",
"user_id": "48322",
"agree": "0",
.....
"replies": [....]
},
{
"comment_id": "43905",
"comp_id": "116725",
"user_id": "48248",
"agree": "0",
.......
"replies": [...]
}
]
}
Run Code Online (Sandbox Code Playgroud)
我将在这样的json数组中得到所有响应
JSONObject js =new JSONObject(response);
routeJsonArray.=js.getJSONArray("data");
Run Code Online (Sandbox Code Playgroud)
但我需要反转数据数组内的所有对象.换句话说,当我得到响应并打印commant_id"43906","43905"时,
但我需要反转那些物体,这样当我打印它时首先给出"43905","43906",
有迭代的解决方案i = routeJsonArray.length; i > 0; i--但我不想要这个.我想将反向数组存储在另一个数组中..
我试着这样.
String [] routeStationString;
JSONArray localJsonArray = js.getJSONArray("data");
routeStationString = new String[localJsonArray.length()];
int k = 0;
for (int i = localJsonArray.length(); i > 0; i--) { …Run Code Online (Sandbox Code Playgroud)