是否可以访问为该组件定义的1. Close Visual Studio (ensure devenv.exe is not present in the Task Manager)
2. Delete the %USERPROFILE%\AppData\Local\Microsoft\VisualStudio\14.0\ComponentModelCache directory
3. Restart Visual Studio.
文件中的组件变量？
例如：
.scss
example.component.ts @Component({
selector: 'example-selector',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css']
})
export class ExampleComponent {
@Input() size: number;
}
example.component.scss如果没有，那么如何做好工作呢？
感谢。
答案 0 :(得分：5)
Oukei，我发现解决方案的解决方案实际上很简单，它允许你在样式中使用组件变量。
您基本上使用<!DOCTYPE html>
<html>
<body>
<p>Create an Account:</p>
<button onclick="create()">Sign Up</button>
<button onclick="login()">Login</button>
<button onclick="doc()">Make a Document</button>
<p id="username"></p>
<p id="pass"></p>
<p id="login"></p>
<p id="welcome"></p>
<p id="name"></p>
<p id="title"></p>
<p id="text"></p>
<script>
var name;
var username;
var pass;
function create() {
name = prompt("Enter Your Name:", "Name");
username = prompt("Please enter a Username:", "username");
pass = prompt("Please enter a Password:", "password");
if (username != null) {
if (pass != null) {
document.getElementById("name").innerHTML =
"You have signed up successfully!";
}
}
}
function login() {
var userTry=prompt("Enter Your Username", "Username");
var passTry=prompt("Enter Your Password", "Password");
if (userTry==username && passTry==pass) {
document.getElementById("name").innerHTML =
"Welcome! Current User: " + name;
}
}
</script>
</body>
</html>
指令来更改元素的属性。
[ngStyle]
example.component.ts @Component({
selector: 'example-selector',
templateUrl: 'example.component.html',
styleUrls: ['example.component.css']
})
export class ExampleComponent {
@Input() size: number;
}
example.component.html或者您可以使用calc除以
<div [ngStyle]="{ 'width': 'calc(100% - ' + size + 'px)' }"></div>
或使用任何其他类似的属性。
您还可以为该元素定义类，并使用<div [ngStyle]="{ 'width': 'calc(100% / ' + size + ')' }"></div>
定义特定（或多个）属性。
感谢。