계산 된 속성 함수를 강제 실행

계산 된 속성이 주어지면

vm.checkedValueCount = ko.computed(function(){
  var observables = getCurrentValues();  //an array of ko.observable[]
  return _.filter(observables, function(v) { return v() }).length;
});

getCurrentValues ​​()가 코드의 다른 곳에서 수정 된 (그리고 observableArray보다 더 복잡한 구조에서 온) 다른 관찰 가능 집합을 반환 할 수 있다고 가정합니다.

checkedValueCount언제든지 업데이트 해야 합니다.

• 종속성 중 하나가 변경됩니다.
• getCurrentValues ​​()는 다른 관찰 가능 항목 집합을 반환합니다.

문제는 ko.computed마지막으로 반환 된 값을 기억하고 종속성이 업데이트 될 때만 업데이트 되는 것 같습니다. 이것은 첫 번째 경우를 처리하지만 후자는 처리하지 않습니다.

내가 찾고있는 것은 checkedValueCount를 강제로 다시 실행하는 방법입니다. 다음과 같이 사용할 수있는 것 :

changeCurrentValues();
vm.checkeValueCount.recalculate();

가장 간단하게 말하면

a = ko.computed(function() { return Math.random() })

어떻게 강제로 a()두 번 호출 하여 다른 값을 반환 할 수 있습니까 ?

내 첫 번째 답변이 귀하의 요점을 놓치고 귀하의 문제를 해결하지 못할 것임을 깨달았습니다.

문제는 계산이 재평가를 강요하는 관찰 가능 항목이있는 경우에만 재평가한다는 것입니다. 계산 된 항목을 재평가하도록 강제하는 기본 방법은 없습니다.

그러나 더미 관찰 가능한 값을 만든 다음 구독자에게 변경되었음을 알리면 일부 해커로이 문제를 해결할 수 있습니다.

(function() {

    var vm = function() {
        var $this = this;

        $this.dummy = ko.observable();

        $this.curDate = ko.computed(function() {
            $this.dummy();
            return new Date();
        });

        $this.recalcCurDate = function() {
            $this.dummy.notifySubscribers();
        };        
    };

    ko.applyBindings(new vm());

}());​

다음은 이 접근 방식을 보여주는 Fiddle입니다.

사용자에 따라 모든 관찰 가능 항목을 강제로 다시 계산 하는 방법 이 있습니다.

getCurrentValues.valueHasMutated()

이 답변은 @josh가 준 것과 개념적으로 동일하지만 더 일반적인 래퍼로 제공됩니다. 참고 :이 버전은 '쓰기 가능'계산 용입니다.

Typescript를 사용하고 있으므로 먼저 ts.d 정의를 포함했습니다. 따라서 당신과 관련이 없다면이 첫 번째 부분을 무시하십시오.

interface KnockoutStatic
{
    notifyingWritableComputed<T>(options: KnockoutComputedDefine<T>, context ?: any): KnockoutComputed<T>;
}

알림 쓰기 가능 계산

쓰기 가능한 래퍼 observable것을 항상 더 관찰 가능한이의 결과로 업데이트되지 않은 경우에도 - 가입자의 원인 통지한다write 전화

그냥 교체 function<T> (options: KnockoutComputedDefine<T>, context)와 함께 function(options, context)당신이 타이프 라이터를 사용하지 않는 경우.

ko.notifyingWritableComputed = function<T> (options: KnockoutComputedDefine<T>, context)
{
    var _notifyTrigger = ko.observable(0);
    var originalRead = options.read;
    var originalWrite = options.write;

    // intercept 'read' function provided in options
    options.read = () =>
    {
        // read the dummy observable, which if updated will 
        // force subscribers to receive the new value
        _notifyTrigger();   
        return originalRead();
    };

    // intercept 'write' function
    options.write = (v) =>
    {
        // run logic provided by user
        originalWrite(v);

        // force reevaluation of the notifyingWritableComputed
        // after we have called the original write logic
        _notifyTrigger(_notifyTrigger() + 1);
    };

    // just create computed as normal with all the standard parameters
    return ko.computed(options, context);
}

이에 대한 주요 사용 사례는 read함수에 의해 '방문'되는 관찰 가능 항목의 변경을 트리거하지 않는 무언가를 업데이트하는 경우입니다 .

예를 들어 LocalStorage를 사용하여 일부 값을 설정하고 있지만 재평가를 트리거하기 위해 관찰 가능한 항목에는 변경 사항이 없습니다.

hasUserClickedFooButton = ko.notifyingWritableComputed(
{
    read: () => 
    {
        return LocalStorageHelper.getBoolValue('hasUserClickedFooButton');
    },
    write: (v) => 
    {
        LocalStorageHelper.setBoolValue('hasUserClickedFooButton', v);        
    }
});

모든 내가 변화를 필요로합니다이었다 ko.computed에 ko.notifyingWritableComputed다음 모든 자체 처리합니다.

내가 전화 할 때 hasUserClickedFooButton(true) 하면 '더미'Observable이 증가하여 LocalStorage의 값이 업데이트 될 때 구독자 (및 구독자)가 새 값을 얻도록 강제합니다.

(참고 : notify: 'always'익스텐더가 여기에서 옵션 이라고 생각할 수 있지만 이는 다른 것입니다).

읽기만 가능한 계산 된 관찰 가능 항목에 대한 추가 솔루션이 있습니다.

ko.forcibleComputed = function(readFunc, context, options) {
    var trigger = ko.observable().extend({notify:'always'}),
        target = ko.computed(function() {
            trigger();
            return readFunc.call(context);
        }, null, options);
    target.evaluateImmediate = function() {
        trigger.valueHasMutated();
    };
    return target;
};


myValue.evaluateImmediate();

@mbest 댓글에서 https://github.com/knockout/knockout/issues/1019 .

getCurrentValues ​​()가 코드의 다른 곳에서 수정 된 다른 관찰 가능 집합을 반환 할 수 있다고 가정합니다.

getCurrentValues ​​()가 함수라고 가정합니다. 그것을 계산할 수 있다면, 당신의 checkedValueCount는 마술처럼 작동하기 시작할 것입니다.

getCurrentValues를 함수 대신 계산되도록 만들 수 있습니까?

계산 된 항목을 강제로 업데이트 할 수있는 직접적인 방법이 없기 때문에 toForceComputedUpdate라는 관찰 가능 항목을 만들었으며 계산 된 함수 내에서 호출하여 계산 된 항목이 업데이트를 수신 한 다음 강제 업데이트를 위해 다음과 같이 호출합니다. toForceComputedUpdate (Math .random)