小编iCo*_*nor的帖子

如何在Angular.js选择框中有一个默认选项

我搜索过谷歌,找不到任何相关内容.

我有这个代码.

<select ng-model="somethingHere" 
        ng-options="option.value as option.name for option in options"
></select>
Run Code Online (Sandbox Code Playgroud)

有这样的一些数据

options = [{
   name: 'Something Cool',
   value: 'something-cool-value'
}, {
   name: 'Something Else',
   value: 'something-else-value'
}];
Run Code Online (Sandbox Code Playgroud)

输出是这样的.

<select ng-model="somethingHere"  
        ng-options="option.value as option.name for option in options" 
        class="ng-pristine ng-valid">

    <option value="?" selected="selected"></option>
    <option value="0">Something Cool</option>
    <option value="1">Something Else</option>
</select>
Run Code Online (Sandbox Code Playgroud)

如何将数据中的第一个选项设置为默认值,以便得到这样的结果.

<select ng-model="somethingHere" ....>
    <option value="0" selected="selected">Something Cool</option>
    <option value="1">Something Else</option>
</select>
Run Code Online (Sandbox Code Playgroud)

javascript html-select angularjs

305
推荐指数
12
解决办法
47万
查看次数

阻止在ENTER上添加<div> - Chrome

我有一个contenteditable元素,每当我输入一些东西并点击ENTER它创建一个新的<div>并将新的行文本放在那里.我不喜欢这一点.

是否有可能防止这种情况发生或至少只是用一个<br>

这是演示http://jsfiddle.net/jDvau/

注意:这不是firefox中的问题.

html javascript jquery google-chrome contenteditable

112
推荐指数
11
解决办法
8万
查看次数

有没有办法让Chrome能够顺畅地进行字母间距的CSS过渡?

我试图为letter-spacing属性进行一个很好的CSS转换.

它在Firefox和Internet Explorer 10中看起来很棒(有些东西最终在IE中正常工作.哦,对吧?)

但它在Chrome或Opera中不起作用.在Chrome中,它是一系列抖动,因此它从2px变为1px到0.没有像IE/Firefox那样的平滑像素渲染.

有没有办法让Chrome顺利渲染?

这是一个简单的例子:

p {
    letter-spacing:2px; 
    -webkit-transition: letter-spacing, 1s;
    -moz-transition: letter-spacing, 1s;
    -o-transition: letter-spacing, 1s;
    transition: letter-spacing, 1s;
}
p:hover {letter-spacing:0;}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/aDhRz/

css google-chrome css3 css-transitions

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

真正阻止元素绑定 - 取消绑定元素 - AngularJS

我试图找出如何阻止DOM元素绑定角度范围内的数据.

我知道你可以使用if语句和所有语句执行此操作,但是是否有一种真正的永久方法来停止以角度方式绑定元素但保留已添加的内容?

所以说我有这个

<div ng-bind=?"content" class=?"ng-binding">?Welcome?</div>?
Run Code Online (Sandbox Code Playgroud)

我改变模型,以便div改变为这个.

<div ng-bind=?"content" class=?"ng-binding">?Welcome? World</div>?
Run Code Online (Sandbox Code Playgroud)

然后我点击将取消绑定它的按钮,所以如果我将模型更改为'Welcome Universe',我<div>将不会像以前一样.这个

<div ng-bind=?"content" class=?"ng-binding">?Welcome? World</div>?
Run Code Online (Sandbox Code Playgroud)

我知道还有很多其他的方法可以做到这一点,但我不知道如何真正解开元素,没有克隆它并用属性和文本替换旧的循环.

演示用品:http://jsfiddle.net/a9tZY/

因此,通过这样做,它不应该影响模型或绑定到该模型的其他元素.

长话短说,Tell Angular永远留下元素.

javascript angularjs angularjs-scope

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

如何在下拉列表中获取多个选定值

我正在使用带有多个选择名称的下拉列表 select[]

如何使用jquery获取选定的值.

html javascript jquery

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

内在的工作如何?

我之前从未听说过这个intrinsic值,直到我在MDN上遇到这个页面.

据我所知,内在意味着自然.那么这如何在CSS中发挥作用.我认为这auto本来是很自然的.我搜索了一下但是找不到任何东西.

它有什么不同auto

我看到的例子是 max-width: intrinsic;

css

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

sails.js从控制器方法访问控制器方法

为什么你不能从另一个控制器方法中访问其他控制器方法呢?

像这样.

module.exports = 

   findStore: ->
       # do somthing

   index: ->
      @findStore(); # Error: undefined
Run Code Online (Sandbox Code Playgroud)

编译

module.exports = {
  findStore: function() {},
  index: function() {
    return this.findStore(); // Error: undefined
  }
};
Run Code Online (Sandbox Code Playgroud)

如果你不能这样做,为什么不呢?我怎么能这样做......

javascript controllers node.js sails.js

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

如何在不在models文件夹中的情况下创建普通的sails模型

所以,

我正在为我的应用程序实现一个插件api,插件可以拥有自己的模型,想象一下.

SimplePlugin = {
    pluginName: 'simple',

    pluginConfig: {},

    SimpleModel: {

        attributes: {
            name: 'string'
        }

    } 

}
Run Code Online (Sandbox Code Playgroud)

所以,我需要能够每当它的需要来创建一个功能"一次性"的模式,它需要具有完全相同的功能等车型,让您自动获得的URL一样/simplePlugin/:idfind..等

谢谢

javascript models node.js sails.js waterline

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

使用jQuery跳转到页面底部 - 没有动画

如何使用jQuery跳转到页面底部?

我不想要一个更平滑的动画,只是为了'跳'.我发现这个网站上的所有其他问题似乎都涉及动画.

javascript jquery

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

这个生成的代码应该是什么(打算)做什么的?

我在自动生成的javascript文件中看到了这个:

function map(x){
    x={x:x};
    delete x.x;
    return x
}
Run Code Online (Sandbox Code Playgroud)

我的结论是用于创建一个对象,但为什么要以这种方式创建它?这是一种模式吗?

UPDATE

更多信息,创建此代码的工具是来自Google的dart2js,代码用于此上下文:

(function (reflectionData) {
  function map(x){x={x:x};delete x.x;return x}
  if (!init.libraries) init.libraries = [];
  if (!init.mangledNames) init.mangledNames = map();
  if (!init.mangledGlobalNames) init.mangledGlobalNames = map();
  if (!init.statics) init.statics = map();
  if (!init.interfaces) init.interfaces = map();
Run Code Online (Sandbox Code Playgroud)

javascript javascript-objects

14
推荐指数
3
解决办法
657
查看次数