小编Raa*_*ood的帖子

角度绑定在数据属性中不起作用

我正在使用一些css html模板,它带有许多html组件,并且具有许多用于各种事物的数据属性.例如对于滑块它有类似的东西

 <div class="slider slider-default">
    <input type="text" data-slider class="slider-span" value="" data-slider-orientation="vertical" data-slider-min="0" data-slider-max="200" data-slider-value="{{ slider }}" data-slider-selection="after" data-slider-tooltip="hide">
</div>

Run Code Online (Sandbox Code Playgroud)

在这里,我试图绑定价值

data-slider-value="{{ slider }}"

Run Code Online (Sandbox Code Playgroud)

但它不起作用.变量'slider'在$ scope中设置为:

   $scope.slider = 80;

Run Code Online (Sandbox Code Playgroud)

当我绑定它时,相同的值80显示为:

 <h4>I have {{ slider }} cats</h4>

Run Code Online (Sandbox Code Playgroud)

我也试过了

    ng-attr-data-slider-value="{{ slider }}"

Run Code Online (Sandbox Code Playgroud)

它没用.

更新

该指令有类似的东西

function slider() {
    return {
        restrict: 'A',
        link: function (scope, element) {
            element.slider();
        }
    }
};

Run Code Online (Sandbox Code Playgroud)

其中为每个滑块element.slider();调用代码bootstrap-slider.js(从这里).

angularjs angularjs-scope

Raa*_*ood

2015 04-09

5
推荐指数

1
解决办法

4385
查看次数

使用$ resource时,ng-Table排序和搜索不起作用

我开始使用ngTable的现有示例,并使用ngResource对其进行了一些修改.使用资源工厂,它填充数据,但搜索和排序不起作用.

http://codepen.io/anon/pen/yVGKMZ

在上面创建了一支笔.

var app = angular.module("myApp", ["ngTable", "ngResource", "ngTableDemoFakeBackend"]);

app.factory('orderResource', function ($resource) {
    return $resource('https://jsonplaceholder.typicode.com/posts');
});

(function () {

    app.controller("demoController", demoController);
    demoController.$inject = ["NgTableParams", "$resource", "orderResource"];
    function demoController(NgTableParams, $resource, orderResource) {
        //debugger;
        var ordersGet = orderResource.query({ });


        var Api = $resource("/data");
        this.tableParams = new NgTableParams({}, {
            getData: function (params) {

                // **** Section 1 ***  sorting and filter does not work
                    return ordersGet.$promise.then(function (response) {
                    params.total(100);
                    return response;
              // **** Section 1 *** 
              
              
                //****Section 2 *** this works fine …

Run Code Online (Sandbox Code Playgroud)

javascript angularjs angular-resource ngtable

Raa*_*ood

2016 12-20

5
推荐指数

1
解决办法

1142
查看次数

css样式未在适用于引导开关的chrome中正确应用

我正试图将一个复选框变成一个Bootstrap Switch.它在IE中运行良好,但在Chrome中没有正确设置样式.出了什么问题？

如果我从网站上简单地下载bootstrap-switch代码,它甚至会发生.在vs 2013中创建一个新的空Web应用程序添加整个内容并在浏览器中点击预览.(examples.html)

铬的情况也是如此.

<html lang="en">
<head>
  <link href="content/template/css/bootstrap.min.css" rel="stylesheet">
  <link href="content/template/bootstrap-switch.css" rel="stylesheet">
</head>
<body>
  <input type="checkbox" name="my-checkbox" checked>
  <script src="Scripts/jquery-2.1.1.js"></script>
  <script src="scripts/js/bootstrap-switch.min.js"></script>
  <script>
     $(document).ready(function () {
        $("[name='my-checkbox']").bootstrapSwitch();
     });
  </script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

css google-chrome bootstrap-switch

Raa*_*ood

2015 04-11

3
推荐指数

1
解决办法

2389
查看次数

如何在 Angular 中使用 Azure 应用程序配置

是否可以在 Angular 应用程序中使用 Azure 应用程序配置？目标是在Azure App Config中定义 Secrets 和其他字符串

并在 Angular 应用程序中使用它。

所有示例均适用于 .Net

azure angular azure-app-configuration

Raa*_*ood

lucky-day

3
推荐指数

1
解决办法

7284
查看次数

如何在打字稿中声明淘汰组件？

我试图按照例子在淘汰赛中创建一个组件.

http://knockoutjs.com/documentation/component-overview.html

但我必须在打字稿中编写代码.那么如何使用打字稿在淘汰赛中注册组件？

我应该在.ts文件中写什么来转换它,如下所示.

ko.components.register('like-widget', {
viewModel: function(params) {

Run Code Online (Sandbox Code Playgroud)

我开始在构造函数中编写代码但不知道如何完成它.

class TodayViewModel {
todayWidget: KnockoutComponents;
config: KnockoutComponentTypes.Config;
constructor() {
    this.config.template = "sdfs.html";
    this.todayWidget.register("like-widget", this.config);
}}export = TodayViewModel;

Run Code Online (Sandbox Code Playgroud)

javascript knockout.js typescript

Raa*_*ood

2015 06-23

2
推荐指数

1
解决办法

2632
查看次数

最小起订量设置未返回预期值

我正在使用Nunit和Autofac的Moq进行测试

    [TestFixture]
public class SomeTests
{

    [OneTimeSetUp]
    public void Initialize()
    {

    }
    [Test]
    public void SalaryCheck()
    {                              
        using (var mock = AutoMock.GetLoose())
        {
            // Arrange
            mock.Mock<ICommonServices>().Setup(x => x.AddTwoNumbers(1,2)).Returns(5);
            var sut = mock.Create<SomeManager>(); 
            // Act
            int actul = sut.CalculateSalary(1);


            var expected = 5;


            // Assert
            Assert.AreEqual(expected, actul);

        }
    }
}

Run Code Online (Sandbox Code Playgroud)

CalculateSalary函数如下所示

  public int CalculateSalary(int hours)
    {
        var addres = _commonService.AddTwoNumbers(5,3);
        if (addres == 5)
        {
            return addres * hours;
        }
        else
        { 
            return  100;
        }
    }

Run Code Online (Sandbox Code Playgroud)

我希望AddTwoNumbers函数是一个外部依赖项，无论如何返回5。那就是为什么我在嘲笑之后对其进行设置。但是，当我调试此测试时，它似乎进入了计算工资函数，但为AddTwoNumbers函数返回了“ 0”。这是默认值或空值。

它不会返回我5即我设置它返回。

c# nunit unit-testing mocking

Raa*_*ood

2016 07-23

2
推荐指数

2
解决办法

1711
查看次数