小编Pal*_*rma的帖子

如何在Ionic框架中使用SASS?

我想在我的项目中使用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)

sass angularjs angularjs-scope ionic-framework ionic

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

如何在角度js中切换orderby

我试图使用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

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

如何在离子中制作圆形输入字段?

我可以使用图标制作输入字段,但我需要输入字段应该是圆角的![在此处输入图像描述][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

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

如何从webservice响应后反转json数组?

我得到了回应

{
    "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)

java android blackberry

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