Как написать этот код в angular, любая альтернатива reactjs веб-просмотру в angular
export default class extends React.Component {
state = {
ORDER_ID: '',
CUST_ID: '',
TXN_AMOUNT: '',
isLoading: false
};
constructor(props) {
super(props);
}
componentDidMount() {
this.setState({ ORDER_ID: this.props.orderId });
this.setState({ CUST_ID: this.props.custId });
this.setState({ TXN_AMOUNT: this.props.price });
}
handleResponse = async (data) => {
if (data.title == 'true') {
console.warn('true');
this.paymentMethodOnline();
} else if (data.title == 'false') {
console.warn('false');
Actions.home();
//handle failed payment here
}
};
render() {
let { ORDER_ID, CUST_ID, TXN_AMOUNT } = this.state;
return (
<View style={styles.container}>
<View>
<Header />
</View>
<View style={styles.bodyContainer}>
<WebView
source={{ uri: 'http://192.168.0.105:1337/api/request' }}
scalesPageToFit={true}
javaScriptEnabled={true}
domStorageEnabled={true}
injectedJavaScript={`document.getElementById("ORDER_ID").value = "${ORDER_ID}";document.getElementById("CUST_ID").value = "${CUST_ID}";document.getElementById("TXN_AMOUNT").value = "${TXN_AMOUNT}";document.f1.submit();`}
onNavigationStateChange={(data) => this.handleResponse(data)}
/>
</View>
</View>
);
}
}
Это интеграция с платежным платежом. У меня есть запросы в nodejs, которые я хочу сделать в angular. какой-то код, который я нашел в reactjs, но я не знаю, как его использовать в angular.