Question

我的自定义背景图片未显示在AngularJS中。无法弄清楚原因。

当我在控制台中测试@Configuration @EnableWebSecurity @EnableGlobalMethodSecurity(prePostEnabled = true, securedEnabled = true) public class SecurityConfiguration extends WebSecurityConfigurerAdapter { @Inject public void configureGlobal(AuthenticationManagerBuilder auth) throws Exception { auth.authenticationProvider(customAuthenticationProvider) auth.userDetailsService(customUserDetailsService) .passwordEncoder(passwordEncoder()); } @Override public void configure(WebSecurity web) throws Exception { web.ignoring() .antMatchers("/scripts/**/*.{js,html}") .antMatchers("/bower_components/**") .antMatchers("/i18n/**") .antMatchers("/assets/**") .antMatchers("/swagger-ui.html") .antMatchers("/test/**"); } }时，我得到了对象$scope.setBackground

控制器：

{background-image: "url(image.jpg)"}

HTML：

app.controller('backgroundImageCtrl', function($scope, $http) {
    $scope.setBackground = {
        'background-image' : 'url(image.jpg)'
    };
})

Answer 1

@Mosh Feu建议的简单解决方案，只需将ng-controller="backgroundImageCtrl"和ng-style="setBackground"放在内部div中

<script type = "text/ng-template" id="/page.html">
    <div ng-controller="backgroundImageCtrl" ng-style="setBackground">
    ...
    </div>
</script>

背景图像没有出现在AngularJS中

1 个答案: