小编chr*_*phe的帖子

在单击干净的方式(创建类的实例)时向HTML注入HTML模板?

在我的AngularJS项目中,我有类似的东西(这是一个带有客户名称的下拉菜单.点击其中一个名称后,Scrum Card应该出现,并在卡中插入客户的名字.):

<ul class="dropdown-menu red" >
    <li ng-repeat="customer in customers" ng-click="addCard()">
        // HERE GOES THE HTML CODE
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我想要完成每次点击都会插入一张卡片.现在的问题是,这张卡有多行HTML代码.所以最好插入一个全新的模板.但是我不能用ng-click插入模板,对吗?除此之外,将HTML放入变量并将其推送到此列表非常脏,不是吗?

所以,我考虑过在Coffeescript中创建一个Card Class,并在每次点击时创建一个实例.使用我的HTML模板/部分点击创建此类有什么好处?如何告诉Angular创建我的类卡的新实例?

(在此之前我创建了一个具有templateURL属性和我的部分的指令.但同样的问题:我想在ng-click上注入我的指令而不是通过在代码中包含我的指令手动... btw,我是一个Angular和CoffeeScript初学者...)

非常感谢你提前!

coffeescript angularjs angularjs-directive angularjs-ng-repeat angularjs-ng-click

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

Bourbon/Neat:重置边距,让嵌套的div跨越整个宽度

我是Bourbon/Neat的新手.我有一个关于嵌套的问题:我希望红色框填满整个宽度,它们之间没有沟槽.当对它们使用"@include omega"时,第一个框将删除其边距右边,但右边框仍然有边距,并且不调整其宽度.

你能告诉我如何让它们跨越整个父盒而它们之间没有任何边缘吗?

这是一个演示:http://wuergeengel.net.dd13736.kasserver.com/

这是我的标记:

<div class="container">
  <div class="box box-left"></div>
  <div class="box box-right">
    <div class="box-red-left nested"></div>
    <div class="box-red-right nested"></div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我的风格:

.container
{
  @include outer-container;
}

.box
{
  border: 1px solid black;
  height: 500px;
}

.box-left
{
  @extend .box;
  @include span-columns(4);
}

.box-right
{
  @extend .box;
  @include span-columns(8);

  .nested
  {
    border: 1px solid red;
    height: 400px;


    &.box-red-left
    {
      @extend .nested;
      @include span-columns(3 of 8);
      @include omega;
    }

    &.box-red-right
    {
      @extend .nested;
      @include span-columns(5 of 8);
      @include …
Run Code Online (Sandbox Code Playgroud)

grid sass css-frameworks neat bourbon

8
推荐指数
2
解决办法
9577
查看次数

透明菜单/导航栏

我无法解决css问题.

我有一个应该透明的导航栏.但由于opacity属性,它上面的链接也变得透明,因为它们是透明导航栏的子元素.

你可以帮我解决这个问题吗?

css css3

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

Railstutorial(Michael Hartl):练习4.6

我没有从Hartl的Rails教程中得到以下练习的答案:

通过使用适当的方法替换清单4.10中的问号,将split,shuffle和join结合起来编写一个对给定字符串中的字母进行混洗的函数.

代码4.10:

>> def string_shuffle(s)
>>   s.split('').?.?
>> end
=> nil
>> string_shuffle("foobar")
Run Code Online (Sandbox Code Playgroud)

有人可以帮帮我吗?

非常感谢提前!

ruby methods syntax split ruby-on-rails

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

Swift语法中的"as"有什么功能?

最近,我偶然发现了一个语法,我不能找到一个参考:什么在雨燕的语法是什么意思?

像:

var touch = touches.anyObject() as UITouch!
Run Code Online (Sandbox Code Playgroud)

不幸的是,这是很难寻找像一个字作为,所以我并没有在苹果雨燕编程语言的手册中找到它.也许有人可以引导我到正确的段落?

又为何之后元素作为始终有一个!表示打开一个可选的?

谢谢!

swift

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

CSS3 背景图像:居中且固定大小

我的背景图像有问题。

我有一个大小为 2538 x 559px 的图像,无论窗口分辨率或大小如何,它都应该居中。背景图像应该有一个固定的大小,它不能缩放。在图像的中间是特定位置的文本形式,这就是图像不能缩放的原因。

如果我们有一个小的分辨率或者如果窗口变小,中心仍然应该是可见的,并且应该左右剪切图像。

我尝试了很多我浏览和发现的东西,但没有任何帮助。你能帮我么?

非常感谢!

css position background-image

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

在下拉菜单中的输入字段上停止单击事件(AngularJS过滤器元素)

我有一个带有输入字段的下拉菜单来搜索我的li元素.问题是:每当我点击输入字段以放入我的搜索查询时,就会发生点击事件并且下拉菜单会消失.

我在输入字段上尝试了preventDefault,但它没有用.我怎么能阻止这种行为呢?

这是一个Plunker:http://plnkr.co/edit/SlbWZ5Bh62MDKWViUsMr

这是我的标记(它是ng-model ="customerFilter"的输入):

<div class="button">
  <a class="btn btn-large grey dropdown-toggle" data-toggle="dropdown" href="#">
    Organisation
  </a>
  <ul class="dropdown-menu grey" >
    <input type="text" ng-model="customerFilter">
    <li ng-repeat="customer in customers | filter:customerFilter | orderBy:sortorder" ng-click="addCardGrey(customer)">{{ customer.name }}</li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

非常感谢你提前!

preventdefault angularjs drop-down-menu angularjs-ng-repeat

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