1

我得到了 if.bind 的 div 工作，正如这个问题中所建议的那样：Using literal JavaScript values in an Aurelia view。但后来我注意到 viewModel 上的 showTemplate 正在不断地被框架检查，大约每秒 10 次。堆栈如下：

execute._prototypeProperties.visible.get (welcome.js:29)
getValue (dirty-checking.js:93)
isDirty (dirty-checking.js:127)
check (dirty-checking.js:63)
(anonymous function) (dirty-checking.js:49)

它应该是这样的吗？似乎对资源不是很友好。

最好的问候，尤金。

4

1 回答 1

4

AureliaObject.observe用于简单的 Javascript 属性。如果showTemplate是函数或 getter/setter，则 Aurelia 当前恢复为脏检查。这可以通过声明函数的依赖关系来删除。这在这里概述：https ://github.com/aurelia/binding/pull/41

我创建了一个实现此功能的 Aurelia Skeleton 项目版本：https ://github.com/ashleygrant/skeleton-navigation/tree/declare_dependencies

要实现这一点，您必须切换到使用该aurelia-main属性。添加一个main.js文件：

import {LogManager} from 'aurelia-framework';
import {ConsoleAppender} from 'aurelia-logging-console';
import {ComputedObservationAdapter, ObjectObservationAdapter} from 'aurelia-framework';

LogManager.addAppender(new ConsoleAppender());
LogManager.setLevel(LogManager.levels.debug);

export function configure(aurelia) {
  aurelia.use
    .defaultBindingLanguage()
    .defaultResources()
    .router()
    .eventAggregator();

    aurelia.container
      .registerSingleton(ObjectObservationAdapter, ComputedObservationAdapter);

  aurelia.start().then(a => a.setRoot('app', document.body));
}

然后，在 中welcome.js，添加以下导入语句：

import {declarePropertyDependencies} from 'aurelia-framework';

然后在Welcome类之外，添加以下方法调用：

declarePropertyDependencies(Welcome, 'fullName', ['firstName', 'lastName']);

于 2015-03-13T14:44:33.693 回答