- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我很难理解如何在不从 UI 触发事件的情况下将对组件内属性的更改传播到实际 View 。如果我来回移动,UI 就会更新。
这是我的组件,每秒检索一次 BLE 通知。每次通知后, View 中需要更新通知的结果值。我可以在开发人员控制台中看到通知。
import { Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, Output} from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { BLE } from 'ionic-native';
import {Observable} from 'rxjs/Observable';
@Component({
templateUrl: 'build/pages/devices/devices.html',
//changeDetection: ChangeDetectionStrategy.OnPush
})
export class DevicePage {
private nav:NavController = null;
private navParams:NavParams = null;
private device:any;
private connecting:any;
private characteristics:any;
private data:any;
private temp:any;
static get parameters() {
return [[NavParams],[NavController]];
}
//
constructor(navParams, nav, private cd:ChangeDetectorRef ) {
this.nav = nav;
this.navParams = navParams;
this.device = this.navParams.get('device');
this.connect(this.device.id);
}
connect(device) {
/*
var service = "6e524635-312d-444b-2020-202020202020";
var characteristic_read = "6e524635-312d-444b-2062-7574746f6e20";
var characteristic_write = "6e400002-b5a3-f393-e0a9-e50e24dcca9e"
*/
var bleUART = "6e400001-b5a3-f393-e0a9-e50e24dcca9e";
var RXD = "6e400003-b5a3-f393-e0a9-e50e24dcca9e";
var TXD = "6e400002-b5a3-f393-e0a9-e50e24dcca9e";
//this.hello = "Hello";
BLE.connect(device).subscribe(
peripheralData => {
console.log("Connect:" + JSON.stringify(peripheralData));
BLE.startNotification(device, bleUART, RXD).subscribe(
buffer => {this.temp = String.fromCharCode.apply(null, new Uint8Array(buffer));
// this.cd.markForCheck();
this.cd.detectChanges();
console.log("Data: " + this.temp);
},
error => {console.log("Error Notification" + JSON.stringify(error));
})},
error => {console.log("Error Connecting" + JSON.stringify(error));})
}
}
对应的HTML:
<ion-header>
<ion-navbar>
<ion-title>
Hotplate Status
</ion-title>
</ion-navbar>
</ion-header>
<ion-content>
<h2>Connected Device:</h2>
<p>{{device.name}}</p>
<h1>Temperature:</h1>
<p>{{temp}}</p>
</ion-content>
添加了根页面以显示调用 connect()
的位置
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { DevicePage } from '../devices/devices';
import { BLE } from 'ionic-native';
@Component({templateUrl: 'build/pages/home/home.html'})
export class HomePage {
private nav:NavController = null; // please add this line as default generated page plus the --ts option on command line.
private devices:any;
private isScanning:any;
static get parameters() {
return [[NavController]];
}
constructor(nav:NavController) {
this.nav = nav;
this.devices = [];
this.isScanning = false;
}
startScanning() {
console.log('Scanning Started');
this.devices = [];
this.isScanning = true;
BLE.startScan([]).subscribe(device => {
this.devices.push(device);
});
setTimeout(() => {
BLE.stopScan().then(() => {
console.log('Scanning has stopped');
console.log(JSON.stringify(this.devices))
this.isScanning = false;
});
}, 5000);
}
connectToDevice(device) {
console.log('Connect To Device');
console.log(JSON.stringify(device))
this.nav.push(DevicePage, {
device: device
});
}
}
和相应的 HTML:
<ion-navbar *navbar>
<ion-title>
Devices
</ion-title>
<ion-buttons end>
<button (click) = "startScanning()">Scan</button>
</ion-buttons>
</ion-navbar>
<ion-content>
<ion-list insert>
<ion-item-sliding *ngFor="#device of devices" #slidingItem>
<button ion-item (click)="connectToDevice(device)">
<h2>{{device.name}}</h2>
<p>{{device.id}}</p>
<p>{{device.rssi}}</p>
</button>
</ion-item-sliding>
</ion-list>
<ion-spinner *ngIf="isScanning==true" name="circles"></ion-spinner>
</ion-content>
我已尝试尝试更改检测,但 markForCheck()
导致异常。当我直接使用 NgZone 时会显示类似的 TypeError。
未捕获类型错误:无法读取未定义(匿名函数)的属性“markForCheck”@app.bundle.js:84SafeSubscriber.__tryOrUnsub @app.bundle.js:94435SafeSubscriber.next @app.bundle.js:94384Subscriber。 _next @app.bundle.js:94334Subscriber.next @app.bundle.js:94298cordova.callbackFromNative @cordova.js:293processMessage @cordova.js:1081processMessages @cordova.js:1104pollOnce @cordova.js:973pollOnceFromOnlineEvent @cordova.js: 960
我使用的是最新的 Ionic2 Beta。知道我在这里做错了什么吗?
谢谢,延斯
最佳答案
您需要将ChangeDetectorRef
添加到params
return [[NavParams],[NavController],[ChangeDetectorRef]];
关于javascript - Ionic 2 - 对模型的更改不会在 View /UI 中更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39536231/
可不可以命名为MVVM模型?因为View通过查看模型数据。 View 是否应该只与 ViewModelData 交互?我确实在某处读到正确的 MVVM 模型应该在 ViewModel 而不是 Mode
我正在阅读有关设计模式的文章,虽然作者们都认为观察者模式很酷,但在设计方面,每个人都在谈论 MVC。 我有点困惑,MVC 图不是循环的,代码流具有闭合拓扑不是很自然吗?为什么没有人谈论这种模式: mo
我正在开发一个 Sticky Notes 项目并在 WPF 中做 UI,显然将 MVVM 作为我的架构设计选择。我正在重新考虑我的模型、 View 和 View 模型应该是什么。 我有一个名为 Not
不要混淆:How can I convert List to Hashtable in C#? 我有一个模型列表,我想将它们组织成一个哈希表,以枚举作为键,模型列表(具有枚举的值)作为值。 publi
我只是花了一些时间阅读这些术语(我不经常使用它们,因为我们没有任何 MVC 应用程序,我通常只说“模型”),但我觉得根据上下文,这些意味着不同的东西: 实体 这很简单,它是数据库中的一行: 2) In
我想知道你们中是否有人知道一些很好的教程来解释大型应用程序的 MVVM。我发现关于 MVVM 的每个教程都只是基础知识解释(如何实现模型、 View 模型和 View ),但我对在应用程序页面之间传递
我想realm.delete() 我的 Realm 中除了一个模型之外的所有模型。有什么办法可以不列出所有这些吗? 也许是一种遍历 Realm 中当前存在的所有类型的方法? 最佳答案 您可以从您的 R
我正在尝试使用 alias 指令模拟一个 Eloquent 模型,如下所示: $transporter = \Mockery::mock('alias:' . Transporter::class)
我正在使用 stargazer 创建我的 plm 汇总表。 library(plm) library(pglm) data("Unions", package = "pglm") anb1 <- pl
我读了几篇与 ASP.NET 分层架构相关的文章和问题,但是读得太多后我有点困惑。 UI 层是在 ASP.NET MVC 中开发的,对于数据访问,我在项目中使用 EF。 我想通过一个例子来描述我的问题
我收到此消息错误: Inceptionv3.mlmodel: unable to read document 我下载了最新版本的 xcode。 9.4 版测试版 (9Q1004a) 最佳答案 您没有
(同样,一个 MVC 验证问题。我知道,我知道......) 我想使用 AutoMapper ( http://automapper.codeplex.com/ ) 来验证我的创建 View 中不在我
需要澄清一件事,现在我正在处理一个流程,其中我有两个 View 模型,一个依赖于另一个 View 模型,为了处理这件事,我尝试在我的基本 Activity 中注入(inject)两个 View 模型,
如果 WPF MVVM 应该没有代码,为什么在使用 ICommand 时,是否需要在 Window.xaml.cs 代码中实例化 DataContext 属性?我已经并排观看并关注了 YouTube
当我第一次听说 ASP.NET MVC 时,我认为这意味着应用程序由三个部分组成:模型、 View 和 Controller 。 然后我读到 NerdDinner并学习了存储库和 View 模型的方法
Platform : ubuntu 16.04 Python version: 3.5.2 mmdnn version : 0.2.5 Source framework with version :
我正在学习本教程:https://www.raywenderlich.com/160728/object-oriented-programming-swift ...并尝试对代码进行一些个人调整,看看
我正试图围绕 AngularJS。我很喜欢它,但一个核心概念似乎在逃避我——模型在哪里? 例如,如果我有一个显示多个交易列表的应用程序。一个列表向服务器查询匹配某些条件的分页事务集,另一个列表使用不同
我在为某个应用程序找出最佳方法时遇到了麻烦。我不太习惯取代旧 TLA(三层架构)的新架构,所以这就是我的来源。 在为我的应用程序(POCO 类,对吧??)设计模型和 DAL 时,我有以下疑问: 我的模
我有两个模型:Person 和 Department。每个人可以在一个部门工作。部门可以由多人管理。我不确定如何在 Django 模型中构建这种关系。 这是我不成功的尝试之一 [models.py]:
我是一名优秀的程序员,十分优秀!