使用 viewModel 绑定 UITextField 或按钮

Question

我一直面临在 viewModel 中将 UITextField 或按钮与可观察对象绑定的问题。

class VM {
    var emailObservable: Observable<String?> = Observable.just("")
}

我的 viewModel 和控制器中有这个可观察到的电子邮件。当我尝试用它绑定我的文本字段时，它给了我错误

无法使用类型为“(to: Observable)”的参数列表调用“bind”。

但是当我用变量替换 observables 时，它工作正常。

有人可以帮我解决这个问题吗？我找到的答案主要包括在 viewModel 的 init 方法中传递 observable，但我不想在 init 方法中传递它。

这是我找到的绑定链接，但它是通过 init 方法。

How to bind rx_tap (UIButton) to ViewModel?

Answer 1

代替

emailTextfield.rx.text.asObservable().bind(to: viewModel.emailObservable).disposed(by: disposeBag)

使用此代码

viewModel.emailObservable.bind(to: noteField.rx.text).disposed(by: disposeBag)

您可能想要双向绑定，请阅读更多相关信息here

Answer 2

我想你在找什么：

final class ViewModel {

    private let bag = DisposeBag()
    let string = BehaviorSubject<String>(value: "")

    init() {
        string.asObservable().subscribe(onNext: { string in
            print(string)
        })
        .disposed(by: bag)
    }

}

final class ViewController: UIViewController {

    @IBOutlet weak var textField: UITextField!

    private let bag = DisposeBag()
    private var viewModel: ViewModel!

    override func viewDidLoad() {
        super.viewDidLoad()

        viewModel = ViewModel()

        textField.rx.text
            .orEmpty
            .bind(to: viewModel.string)
            .disposed(by: bag)
    }

}

注意，正如@MaximVolgin 提到的Variable is deprecated in RxSwift 4，因此您可以使用BehaviorSubject 或其他取决于您的方式。

---

更新。

仅使用 Observable 实现。

final class ViewModel {

    private let bag = DisposeBag()

    var string = "" {
        didSet {
            print(string)
        }
    }

    init(stringObservable: Observable<String>) {
        stringObservable.subscribe(onNext: { string in
            self.string = string
        })
        .disposed(by: bag)
    }

}

final class ViewController: UIViewController {

    @IBOutlet weak var textField: UITextField!

    private let bag = DisposeBag()
    private var viewModel: ViewModel!

    override func viewDidLoad() {
        super.viewDidLoad()

        viewModel = ViewModel(stringObservable: textField.rx.text.orEmpty.asObservable())
    }

}

如您所见，您的解决方案可以使用Observable 来实现，而不是Variable 或任何类型的Subject。还应该提到的是，在大多数情况下，这不是最终逻辑（只是将 textField 或其他任何东西绑定到某个变量）。可以有一些验证、启用/禁用等逻辑。对于这种情况，RxSwift 提供Driver。关于在一个项目中使用 Observable 和 Driver 的差异的好例子也可以在 here （by RxSwift）中找到。

Answer 3

方法.bind(to:)绑定到一个Observer，而不是Observable。

变量（在 RxSwift v4 中已弃用）是一个特殊用途的主题。

主题根据定义既是 Observer 又是 Observable。

这就是 .bind(to:) 在里面所做的 -

public func bind<O: ObserverType>(to observer: O) -> Disposable where O.E == E {
    return self.subscribe(observer)
}

更新：

如何避免在VM的.init()中传递observables：

// inside VM:

fileprivate let observableSwitch: BehaviorSubject<Observable<MyValue>>
fileprivate let myValueObservable = observableSwitch.switchLatest()

// instead of passing in init:

public func switch(to observable: Observable<MyValue>) {
  self.observableSwitch.onNext(observable)
}

Answer 4

在 ViewModel 类中取一个可变类型的主题：

class ViewModel{

//MARK: - local Variables
var emailText = Variable<String?>("")
}       

现在在 viewController 类中创建 viewmodel 类的对象，并将这个 emailtext 变量绑定到 viewcontroller 中的 textfield。每当 textfield 文本发生变化时， viewmodel 的 emailText 就会获得价值。

txtfield.rx.text
        .bindTo(viewModel.emailText).addDisposableTo(disposeBag)

Answer 5

试试这个，

override func viewDidLoad() {
        super.viewDidLoad()
        _ = userNameTextField.rx.text.map { $0 ?? "" }.bind(to: viewModel.userName)
    }

在 viewModel 类中，

class ViewModel{
   var userName: Variable<String> = Variable("")
}