小编mag*_*mel的帖子

大家好日子!

理解AngularJS时遇到问题.我可以在ngStyle指令中使用我的自定义过滤器吗？当我在输入中更改值(但它在标记中更改值)时,为什么它不能同时更改span标记的不透明度？如何在不直接使用控制器范围的情况下实现此行为？

我的原始代码:HTML:

<div ng-app="app">
    <div ng-controller="AppCtrl">
        <input type="number" ng-model="slider" max="10" min="1">
        <span ng-style="{'opacity': '{{slider | filter}}'}">TEXT</span>
    </div>
</div>

JS:

(function () {
    angular
        .module('app', [])
        .controller('AppCtrl', ['$scope', function ($scope) {
            $scope.slider = 6;
        }])
        .filter('filter', function () {
            return function (input) {
                return 0.1 * input;
            };
        });
})();

我在JSFiddle的代码:http://jsfiddle.net/zkdkLac3/