小编swo*_*ish的帖子

AngularJS UI-Router多页面

由于Angular是SPA非常好,但如果我需要一些与index.html无关的其他页面,如何通过UI-Router状态实现不同的ui-views？

例如,我有index.html:

<!DOCTYPE html>
<html data-ng-app="npAdmin">
<head>
...
</head>
<body>
   <header>
      <data-user-profile class="user-profile"></data-user-profile>
  </header>

  <section class="content-wrapper">
      <aside data-main-menu></aside>
      <div class="main-content" data-ui-view></div>
  </section>

  <footer class="row"></footer>
...
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

app.js:

var app = angular.module('npAdmin', ['ui.router']);

app.config(['$httpProvider', '$stateProvider', '$urlRouterProvider', function($httpProvider, $stateProvider, $urlRouterProvider) {

    $stateProvider
    .state('dashboard', {
        url: '/dashboard',
        templateUrl: '/app/dashboard/dashboard.html',
        controller: 'DashboardCtrl'
    })
    .state('crm', {
        url: '/crm',
        templateUrl: '/app/crm/crm.html',
        controller: 'CrmCtrl'
    })
...

Run Code Online (Sandbox Code Playgroud)

现在我需要login.html,这与index.html完全不同(不需要索引的页眉,页脚,侧边栏),但是配置stateProvider只查看index.html ui-view并通过状态更改内容.如何结合login.html？

看起来并不难,但我不明白.

javascript angularjs single-page-application angular-ui-router

swo*_*ish

lucky-day

13
推荐指数

1
解决办法

2万
查看次数

无法在nw.js应用程序中完全删除鼠标光标

我在html/css/js桌面应用程序中使用nw.js,并且无法在全屏模式下完全删除鼠标光标.

我已经通过设置CSS属性删除它cursor: none,margin: 0,padding: 0对身体/ HTML.而且还toolbar: false与fullscreen: true在的package.json设置.但是光标在屏幕的所有边缘都可见几个像素(图片如下).

奇怪的行为,有人知道如何彻底删除它吗？

注意:这只是NW.js中的一个问题,因为它在所有浏览器和xulrunner中都能很好地工作,因为我们在公司中从xulrunner迁移到node-webkit(nw.js)所有应用程序都遇到了这个问题.

html css node-webkit nw.js

swo*_*ish

2016 03-04

12
推荐指数

1
解决办法

691
查看次数

jQuery动画十进制数增量/减量

我想逐步动画两个十进制数之间的差异动画.

已经找到了Joss Crowcroft的整数解决方案,这个解决方案很好用,我在jsfiddle上做了一些例子.代码段:

$({numberValue: 35}).animate({numberValue: 100}, {
    duration: 1000,
    easing: 'linear',
    step: function() { 
        $('#dynamic-number').text(Math.ceil(this.numberValue)); 
    }
});

Run Code Online (Sandbox Code Playgroud)

但是,如果我想要动画例如编号2.85到3.25,则无法完成.必须有动画两个部分,整数和小数.除了用于整数和小数的分隔动画之外,它能以简单的方式制作吗？

html css jquery jquery-animate

swo*_*ish

lucky-day

6
推荐指数

1
解决办法

4421
查看次数

Google Chrome 66自动播放政策更改

根据最新更新（v66.0），如果没有用户互动，Google Chrome不会自动播放音频/视频。

我将Chrome用作Kiosk模式下的桌面应用程序，根本没有鼠标/键盘和输入。它仅显示HTML可视化页面，其中包含并自动播放声音。

可以避免它并默认播放吗？

在他们的“ 自动播放策略更改”说明中找不到解决方案。
我也在寻找一些命令行开关，以通过运行Chrome来将其包括在内，但也未成功。

html javascript google-chrome chromium kiosk-mode

swo*_*ish

2018 04-25

5
推荐指数

1
解决办法

2271
查看次数

如果单击内部复选框，则防止默认锚点行为

我将 Angular ui-bootstrap 用于手风琴和面板标题，我还需要checkbox，它是由 ui-bootstrap 在锚标记内生成的。它看起来像这样（复选框在里面<label>，因为样式的原因）：

<a class="accordion-toggle" ng-click="toggleOpen()" accordion-transclude="heading">
   <span>Some headline</span>
   <label class="checkbox-toggle-btn">
      <span>Activate</span>
      <input data-ng-model="selected[service.name]" type="checkbox" ng-checked="selected[service.name]">
      <i></i>
   </label>
</a>

Run Code Online (Sandbox Code Playgroud)

通过单击复选框 ( <label>)，它的行为不像复选框，而是<a>被单击并展开手风琴。

<a>如果在里面单击，如何防止默认标签行为<label>？我可以在标签上使用指令并访问父元素吗？

html javascript angularjs angular-ui-bootstrap

swo*_*ish

lucky-day

3
推荐指数

1
解决办法

1664
查看次数