假设我有一个像这样的Angular 4组件:
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css'],
})
export class HomeComponent implements OnInit {
printThisValue = 'customAttr';
constructor(){}
}
如何在HTML标记内打印值,就像下面的代码一样:
<div class="myStyle" {{ printThisValue }} ></div>
上面的HTML代码似乎不起作用.我知道你可以打印这样的值:
<div class="myStyle">{{ printThisValue }}</div>
// or like this
<div class="myStyle {{ printThisValue }}"></div>
但是我该怎么做呢？
是否有可能有一个只允许小写输入的用于本机反应的 TextInput？
截至目前，尝试了以下代码：
state = { login: '' }
changeUsernameToLowercase = (input) => {
var temp = input.toLowerCase()
this.setState({login: temp})
}
<TextInput
onChangeText={(login) => this.changeUsernameToLowercase(login)}
value={this.state.login}
autoCapitalize='none' />
但它似乎不适用于某些 android 设备。
也许有更有效的方法来做到这一点？
我有这个printValue变量,在我的角度组件中有一个HTML按钮代码,如下所示:
export class HomeComponent implements OnInit {
printValue = '<button type="button" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Popover</button>';
constructor(){}
OnInit(){}
}
问题是,一旦printValue变量放在innerHTML中,我如何使popover工作,如下所示:
<p [innerHTML]="printValue"></p>
这样做
<body>
<button type="button" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Popover</button>
</body>
在html文件中直接启用popovers工作.但是如何使它在innerHTML属性中工作？